Question

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

Answer 1

for JavaScript

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

for JQuery

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

Answer 2

在页面上完成所有图像，框架和对象的加载后，

window.onload将会触发。你的问题不清楚你是否希望脚本等待那些，但如果你不这样做，那么你需要一个“文档就绪”的解决方案。

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

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

如果你想在没有框架的情况下这样做，它会变得更加尴尬。大多数浏览器（ cough 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。检查this。

Answer 6

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

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