如何以跨浏览器的方式使用 JS 附加 body onload 事件?就这么简单?
document.body.onload = function(){
alert("LOADED!");
}
最佳答案
这利用了 DOMContentLoaded - 它在 onload 之前触发 - 但允许你保持所有的不引人注目......
window.onload - Dean Edwards - 博客文章对此进行了更多讨论 - 这是从同一博客的评论中复制的完整代码。
// Dean Edwards/Matthias Miller/John Resig
function init() {
// quit if this function has already been called
if (arguments.callee.done) return;
// flag this function so we don't do the same thing twice
arguments.callee.done = true;
// kill the timer
if (_timer) clearInterval(_timer);
// do stuff
};
/* for Mozilla/Opera9 */
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", init, false);
}
/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
var script = document.getElementById("__ie_onload");
script.onreadystatechange = function() {
if (this.readyState == "complete") {
init(); // call the onload handler
}
};
/*@end @*/
/* for Safari */
if (/WebKit/i.test(navigator.userAgent)) { // sniff
var _timer = setInterval(function() {
if (/loaded|complete/.test(document.readyState)) {
init(); // call the onload handler
}
}, 10);
}
/* for other browsers */
window.onload = init;
关于javascript - 用 JS 附加一个 body onload 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1235985/