窗口。Onload将像这样工作:

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

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

示例使用

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

function codeAddress() {

}

domReady(codeAddress);

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

(*your function goes here*)(); 

另外:

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

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

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

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

尝试readystatechange

document.addEventListener('readystatechange', () => {    
  if (document.readyState == 'complete') codeAddress();
});

状态为:

正在加载—文档正在加载(代码片段中没有触发) interactive -文档被解析，在DOMContentLoaded之前触发 Complete -在window.onload之前加载文档和资源

<script> document.addEventListener("DOMContentLoaded", () => { mydiv.innerHTML += `DOMContentLoaded (timestamp: ${Date.now()})</br>`; }); window.onload = () => { mydiv.innerHTML += `window.onload (timestamp: ${Date.now()}) </br>` ; } ; document.addEventListener('readystatechange', () => { mydiv.innerHTML += `ReadyState: ${document.readyState} (timestamp: ${Date.now()})</br>`; if (document.readyState == 'complete') codeAddress(); }); function codeAddress() { mydiv.style.color = 'red'; } </script> <div id='mydiv'></div>

窗口。Onload = function(){…等等不是一个很好的答案。

这可能会起作用，但它也会破坏已经与该事件挂钩的任何其他函数。或者，如果另一个函数在你的事件之后钩子到那个事件，它会破坏你的事件。 所以，你可以花很多时间之后试图弄清楚为什么一些东西不再有效了。

这里有一个更有力的答案:

if(window.attachEvent) {
    window.attachEvent('onload', yourFunctionName);
} else {
    if(window.onload) {
        var curronload = window.onload;
        var newonload = function(evt) {
            curronload(evt);
            yourFunctionName(evt);
        };
        window.onload = newonload;
    } else {
        window.onload = yourFunctionName;
    }
}

我一直在使用的一些代码，我忘记了我在哪里找到它给作者的信用。

function my_function() {
    // whatever code I want to run after page load
}
if (window.attachEvent) {window.attachEvent('onload', my_function);}
else if (window.addEventListener) {window.addEventListener('load', my_function, false);}
else {document.addEventListener('load', my_function, false);}

希望这对你有所帮助。