这里有一个技巧(适用于任何地方):

r(function(){
alert('DOM Ready!');
});
function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}

function yourfunction() { /* do stuff on page load */ }

window.onload = yourfunction;

或者使用jQuery，如果你想:

$(function(){
   yourfunction();
});

如果你想在页面加载中调用多个函数，请查看这篇文章以获得更多信息:

使用多个JavaScript Onload函数

另一种方法是使用事件监听器，下面是你如何使用它们:

document.addEventListener("DOMContentLoaded", function() {
  your_function(...);
});

解释:

这意味着当文档的DOM对象完全加载并被JavaScript看到时。也可以是"click"， "focus"…

function()匿名函数，当事件发生时将被调用。

这里有一个技巧(适用于任何地方):

r(function(){
alert('DOM Ready!');
});
function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}

<！DOCTYPE html > < html > < >头 <标题>测试< /名称> <meta http-equiv=" content - type " content="text/html;utf - 8字符集= " / > < script type = " text / javascript " > 函数codeAddress() { alert('好的'); ｝ 窗口。onload = codeAddress; > < /脚本 < / >头 身体< > < /身体> < / html >

检测加载的html(从服务器)插入到DOM使用MutationObserver或检测时刻在您的loadContent函数时，数据准备使用

let ignoreFirstChange = 0; let observer = (new MutationObserver((m, ob)=> { if(ignoreFirstChange++ > 0) console.log('Element added on', new Date()); } )).observe(content, {childList: true, subtree:true }); // TEST: simulate element loading let tmp=1; function loadContent(name) { setTimeout(()=>{ console.log(`Element ${name} loaded`) content.innerHTML += `<div>My name is ${name}</div>`; },1500*tmp++) }; loadContent('Senna'); loadContent('Anna'); loadContent('John'); <div id="content"><div>