一旦页面加载，函数将运行:

(*your function goes here*)(); 

另外:

document.onload = functionName();
window.onload = functionName(); 

替代解决方案。我更喜欢这种方式，因为它简洁，代码简单。

(function () {
    alert("I am here");
})();

这是一个匿名函数，没有指定名称。 这里所发生的是，函数被定义并一起执行。 将它添加到正文的开头或结尾，这取决于它是在加载页面之前执行还是在加载所有HTML元素之后执行。

而不是使用jQuery或window。自jQuery发布以来，原生JavaScript采用了一些很棒的函数。所有现代浏览器现在都有自己的DOM就绪函数，而无需使用jQuery库。

如果您使用本机Javascript，我建议您这样做。

document.addEventListener('DOMContentLoaded', function() {
    alert("Ready!");
}, false);

采用Darin的答案，但jQuery风格。(我知道用户要求javascript)。

运行的小提琴

$(document).ready ( function(){
   alert('ok');
});​

看一下domReady脚本，该脚本允许设置多个函数，以便在DOM加载后执行。它基本上是Dom ready在许多流行的JavaScript库中所做的，但它是轻量级的，可以在外部脚本文件的开头使用和添加。

示例使用

// add reference to domReady script or place 
// contents of script before here

function codeAddress() {

}

domReady(codeAddress);

窗口。Onload将像这样工作:

函数codeAddress() { . getelementbyid(“测试”).innerHTML =日期(); ｝ 窗口。onload = codeAddress; <！DOCTYPE html > < html > < >头 <title>learning Java script</title> . < script src = " custom.js " > < /脚本> > < /头 身体< > < p id = "测试" > < / p > <李> abcd李< / > 身体< / > < / html >