JavaScript that executes after page load

2018-06-03 16:18:11

I'm executing an external script, using a <script> inside <head> .

Now since the script executes before the page has loaded, I can't access the <body> , among other things. I'd like to execute some JavaScript after the document has been "loaded" (HTML fully downloaded and in-RAM). Are there any events that I can hook onto when my script executes, that will get triggered on page load?

These solutions will work:

<body onload="script();">

document.onload = function ...

or even

window.onload = function ...

Note that the last option is a better way to go since it is unobstrusive and is considered more standard.

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

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;
    }
}

You can put a "onload" attribute inside the body

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

Or if you are using jQuery, you can do

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

or 

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

I hope it answer your question.

Note that the $(window).load will execute after the document is rendered on your page.

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

上一篇: 如何使用jQuery更改超链接的href

下一篇: 在页面加载后执行的JavaScript