如何使JavaScript页面加载后执行?

我正在执行一个外部脚本，使用<脚本>内<头>。

现在，由于脚本在页面加载之前执行，我不能访问<body>等。我想在文档被“加载”(HTML完全下载并在ram中)后执行一些JavaScript。是否有任何事件，我可以挂钩到当我的脚本执行，这将在页面加载触发?

当前回答

<body onload="myFunction()">

这段代码运行良好。

但窗口。Onload方法有各种依赖关系。所以它可能不会一直有效。

2013-04-29 11:32:29

其他回答

使用YUI库(我喜欢它):

YAHOO.util.Event.onDOMReady(function(){
    //your code
});

便携又漂亮!然而，如果你不把YUI用于其他东西(参见它的文档)，我会说它不值得使用。

注意:要使用此代码，您需要导入2个脚本

<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/yahoo/yahoo-min.js" ></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/event/event-min.js" ></script>

2009-04-30 17:36:51

这些解决方案是有效的:

正如注释中提到的，使用defer:

<script src="deferMe.js" defer></script>

<body onload="script();">

document.onload = function ...

甚至

window.onload = function ...

请注意，最后一个选项是更好的方法，因为它不引人注目，而且被认为更标准。

2009-04-30 16:41:16

<script type="text/javascript">
  function downloadJSAtOnload() {
   var element = document.createElement("script");
   element.src = "defer.js";
   document.body.appendChild(element);
  }
  if (window.addEventListener)
   window.addEventListener("load", downloadJSAtOnload, false);
  else if (window.attachEvent)
   window.attachEvent("onload", downloadJSAtOnload);
  else window.onload = downloadJSAtOnload;
</script>

http://www.feedthebot.com/pagespeed/defer-loading-javascript.html

2014-09-11 19:23:34

只需定义<body onload=" function ()>，它将在页面加载后被调用。脚本中的代码被function(){}括起来。

2009-04-30 16:41:05

我发现有时在更复杂的页面上，并不是所有的元素都在时间窗口加载。Onload被触发。如果是这种情况，在函数延迟片刻之前添加setTimeout。它不是优雅的，但它是一个简单的hack渲染良好。

window.onload = function(){ doSomethingCool(); };

变得……

window.onload = function(){ setTimeout( function(){ doSomethingCool(); }, 1000); };

2013-07-20 21:13:54

如何使JavaScript页面加载后执行?

推荐文章

最新文章

标签