如何以跨浏览器的方式使用 JS 附加主体 onload 事件？就这么简单？
document.body.onload = function(){
alert("LOADED!");
}
用 JS 附加一个 body onload 事件
IT技术
javascript
html
events
onload
2021-02-04 08:40:07
6个回答
这利用了 DOMContentLoaded - 它在加载之前触发 - 但允许您坚持所有不引人注目的......
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;
为什么不使用window自己的onload事件？
window.onload = function () {
alert("LOADED!");
}
如果我没记错的话，它兼容所有浏览器。
跨浏览器 window.load 事件
function load(){}
window[ addEventListener ? 'addEventListener' : 'attachEvent' ]( addEventListener ? 'load' : 'onload', load )
document.body.onload 是一个跨浏览器，但是一个只允许一个回调的遗留机制（你不能为它分配多个函数）。
addEventListenerInternet Explorer 不支持最接近的“标准”替代方案（它使用attachEvent），因此您可能希望使用库（jQuery、MooTools、prototype.js 等）为您抽象跨浏览器的丑陋。
jcalfee314 的想法对我有用 - 我有一个window.onload = onLoad这意味着<body onload="...">没有调用中的函数（我无法控制）。
这修复了它：
oldOnLoad = window.onload
window.onload = onLoad;
function onLoad()
{
oldOnLoad();
...
}
编辑：Firefox 不喜欢oldOnLoad = document.body.onload;，所以替换为oldOnLoad = window.onload.
其它你可能感兴趣的问题