窗口之间究竟有什么区别。Onload事件和body标签的Onload事件?我什么时候使用哪个，应该如何正确地做?
当前回答
一般来说，我更喜欢不使用<body onload="">事件。我认为尽可能地将行为与内容分离会更干净。
也就是说，在某些情况下(通常对我来说非常罕见)，使用身体负载可以轻微提高速度。
我喜欢使用Prototype，所以我通常把这样的东西放在我页面的<head>:
document.observe("dom:loaded", function(){
alert('The DOM is loaded!');
});
or
Event.observe(window, 'load', function(){
alert('Window onload');
});
以上是我在这里学到的技巧。我非常喜欢在HTML之外附加事件处理程序的概念。
(编辑以纠正代码中的拼写错误。)
其他回答
它们的工作原理相同。但是，请注意，如果定义了两者，则只调用其中一个。我通常避免直接使用它们中的任何一个。相反，您可以将事件处理程序附加到加载事件。通过这种方式，你可以更容易地合并其他可能也需要附加回调到onload事件的JS包。
任何JS框架都有用于事件处理程序的跨浏览器方法。
一般来说，我更喜欢不使用<body onload="">事件。我认为尽可能地将行为与内容分离会更干净。
也就是说，在某些情况下(通常对我来说非常罕见)，使用身体负载可以轻微提高速度。
我喜欢使用Prototype，所以我通常把这样的东西放在我页面的<head>:
document.observe("dom:loaded", function(){
alert('The DOM is loaded!');
});
or
Event.observe(window, 'load', function(){
alert('Window onload');
});
以上是我在这里学到的技巧。我非常喜欢在HTML之外附加事件处理程序的概念。
(编辑以纠正代码中的拼写错误。)
<body onload="">应该覆盖window.onload。
对于<body onload="">， document.body.onload可能是空的，未定义的或一个函数，这取决于浏览器(尽管getAttribute("onload")应该在某种程度上保持一致，以字符串形式获取匿名函数体)。与窗口。Onload，当你给它分配一个函数时，窗口。Onload将是一个跨浏览器一致的函数。如果这对你很重要，使用window.onload。
窗口。onload是更好的从你的内容分离JS。没有太多理由使用<body onload="">;不管怎样，你可以使用window。onload。
在Opera中，窗口的事件目标。Onload和<body Onload ="">(甚至窗口。addEventListener("load"， func, false))将是窗口，而不是像Safari和Firefox中的文档。但是，“this”将是跨浏览器的窗口。
这意味着，在重要的时候，您应该打包这些东西，使它们保持一致，或者使用一个为您做这件事的库。
将内容、布局和行为分开是一个公认的标准。因此window.onload()将比<body onload="">更适合使用，尽管两者都做同样的工作。
如果你试图编写不引人注目的JS代码(你应该)，那么你不应该使用<body onload="">。
这是我的理解，不同的浏览器处理这两个略有不同，但他们的操作相似。在大多数浏览器中，如果同时定义了两者，其中一个将被忽略。
推荐文章
- (深度)使用jQuery复制数组
- 你从哪里包含jQuery库?谷歌JSAPI吗?CDN吗?
- 在setInterval中使用React状态钩子时状态不更新
- 使用JavaScript显示/隐藏'div'
- 使用JavaScript获取所选的选项文本
- AngularJS模板中的三元运算符
- 让d3.js可视化布局反应灵敏的最好方法是什么?
- 原型的目的是什么?
- 检查jquery是否使用Javascript加载
- 将camelCaseText转换为标题大小写文本
- 如何在JavaScript客户端截屏网站/谷歌怎么做的?(无需存取硬盘)
- 如何在JavaScript中遍历表行和单元格?
- jQuery map vs. each
- 自定义异常类型
- 窗口。Onload vs <body Onload =""/>
