javascript：如何检查加载html页面的所有代码

Question

程序需要在加载所有代码（包括HTML，javascript，CSS等）后调用函数？ 可以用javascript做吗？

Answer 1

对于JavaScript

window.onload = function(){
   //your code
};

对于JQuery

$(document).ready(function(){
  //your code
});

Answer 2

window.onload将在所有图像，框架和对象在页面上完成加载后触发。 关于您是否希望脚本等待这些问题，您的问题不够明确，但如果不这样，那么您需要一个“文档就绪”解决方案。

首先，许多（所有？）基于DOM的Javascript框架提供此功能，以事件的形式跨浏览器。 jQuery示例：

$(document).ready(function() {
    alert("DOM is ready");
});

如果你想在没有框架的情况下做到这一点，它就会变得更加尴尬。 大多数浏览器（咳嗽 notIE）提供DOMContentLoaded事件：

if (document.addEventListener) {
    document.addEventListener('DOMContentLoaded', function () {
        alert("DOM is ready");
    }, false);
}

对于IE的部分，脚本标记上的defer属性将完成这项工作。 您可以使用条件注释来确保只有IE解析脚本：

<!--[if IE]
<script type="text/javascript" defer>
    alert("DOM is ready");
</script>
<![endif]-->

Answer 3

如果您正在使用jQuery库，那么您只需执行以下操作：

$(document).ready(function() {
  // The code you need to have executed after loading the page
});

Answer 4

window.onload = function() {
  // Your code here
};

你有什么尝试？

Answer 5

您可以使用<body onload="doStuff()"> ，也可以在脚本中使用window.onload 。 看看这个。

Answer 6

加载dom时可以触发jQuery $（document）.ready（...）方法，并且可以在加载所有脚本，图像等之前对其进行操作。

当请求的所有内容都已完成加载时，将触发window.onload事件。