在页面加载后执行的JavaScript

我正在执行一个外部脚本,在<head>内使用<script> <head>

现在,因为脚本页面加载之前执行,所以我无法访问<body>等等。 我想在文档“加载”(HTML完全下载和内存)后执行一些JavaScript。 是否有任何事件可以在我的脚本执行时挂钩,这会在页面加载时触发?


这些解决方案将工作:

<body onload="script();">

要么

document.onload = function ...

甚至

window.onload = function ...

请注意, 最后一个选项是更好的方法,因为它是不显眼的,并且被认为是更标准的。


合理的可移植,非框架化的方式让脚本设置一个函数在加载时运行:

if(window.attachEvent) {
    window.attachEvent('onload', yourFunctionName);
} else {
    if(window.onload) {
        var curronload = window.onload;
        var newonload = function(evt) {
            curronload(evt);
            yourFunctionName(evt);
        };
        window.onload = newonload;
    } else {
        window.onload = yourFunctionName;
    }
}

您可以在主体中放置一个“onload”属性

...<body onload="myFunction()">...

或者如果你使用jQuery,你可以做

$(document).ready(function(){ /*code here*/ }) 

or 

$(window).load(function(){ /*code here*/ })

我希望它能回答你的问题。

请注意,$(window).load将在文档呈现在页面上之后执行。

链接地址: http://www.djcxy.com/p/12373.html

上一篇: JavaScript that executes after page load

下一篇: Where should I put <script> tags in HTML markup?