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

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

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

当前回答

正如Daniel所说，您可以使用document.onload。

然而，各种javascript框架(jQuery, Mootools等)使用一个自定义事件'domready'，我猜这一定是更有效的。如果你使用javascript进行开发，我强烈建议你使用框架，这将极大地提高你的工作效率。

2009-04-30 16:47:28

其他回答

这些解决方案是有效的:

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

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

<body onload="script();">

document.onload = function ...

甚至

window.onload = function ...

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

2009-04-30 16:41:16

如果你正在使用jQuery，

$(函数 () {...});

等于

美元(文档)。Ready (function () {})

或者另一个简写:

(美元)。Ready (function () {})

查看什么事件JQuery $function()火?和https://api.jquery.com/ready/

2013-03-06 20:39:46

< script type = " text / javascript " > 美元(窗口)。绑定("load"， function() { // javascript事件 })； > < /脚本

2015-09-29 08:43:45

<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

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

推荐文章

最新文章

标签