- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我的问题与此处提出的问题类似,但又略有不同,window.onload vs <body onload=""/>
那道题是用 window.onload 和内联 js 的对比。
我的问题是下面的区别。假设正文标签的 ID 为“bodyTag”。
document.getElementById("bodyTag").onload = function () {
alert("hi");
}
对比
window.onload = function () {
alert("hi");
}
确切地说,这两者之间有什么区别,我什么时候应该使用一个而不是另一个?这仅适用于纯 JavaScript。我是否正确地假设不同之处在于 window.onload 在加载整个网页、加载所有样式以及加载所有 Javascript 代码之后才会启动?虽然第一个版本 (document.getElementById("bodyTag").onload=),它等待整个网页加载(如果它被声明为头部的外部 CSS 文件,则等待 CSS 样式),但不是所有的 Javascript加载?有区别吗?
最佳答案
窗口(对象)有时被称为全局空间容器,它包含所有其他对象(默认和您的自定义对象),它包含所有内容,例如 indexedDB、 session 存储、cookie、您的变量、您的函数以及浏览器页面中的所有内容.基本上,正如我在上面写的那样,窗口是一个对象,它将所有内容存储为方法或属性。让我解释一下什么是属性,什么是方法,
(function my_obj(){
this.firstName="john";
var middleName = "XYZ"
this.lastName="doe";
this.fullName = function(){
return this.firstName+" "+this.middleName+" "+this.lastName
}
document.write(this.fullName())
})();
在这个例子中,我使用构造函数创建了对象,在这个例子中是firstName
, middleName
和 lastName
被称为属性(property),fullName()
被称为方法,(你可以说方法是对象内函数的另一个名称)。所以考虑这样的窗口
window{
preset_obj:{};
indexedDB:{......};
.
.
.
.
.
.
.
.
.
.
.
//your code loads in the end
var my_var= "JS rocks!"
var anti_me= "Are You out of your Mind?? JS??Huh!"
var dont_care= "I Love COBOL"
}
但是 body 我的 friend 是不同的情况,(更不用说 document 和 body 是两个不同的对象)。如果你给 body 一个 ID 并使用 document.getElementByID('ID')
.它将返回包含页面中显示的所有可见元素的对象。但它不会包含所有其他窗口内容,如 cookie、 session 存储。文件的情况也是如此。文档选择您编写的整个 HTML 代码,不多不少。换句话说,它是包含 <html></html>
中包含的所有内容的对象标签。希望这消除了困惑
--------------------更新-------------------- ----------------------------好的,抱歉没有正确阅读您的帖子。 window.onload
将在整个页面与标题一起完成处理时加载(不要与 head
标签或 HTML5 header
标签混淆)。 document.onload
将在前端工作时加载(HTML、CSS 和 JS 将完成加载)时间差异不大,除非您在标题中发送 100KB+ 代码,我会说坚持使用 window.onload 除非您的标题很大或者您想这样做特定于页面显示的时间
关于JavaScript window.onload 与 body.onload,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36701008/
所以我想隐藏一个div,所以我有我的代码 function hide(){hide div code} document.onload = hide(); 不起作用。 window.onload =
我有一个外部 js 文件,它有一个函数,该函数旨在在文档正文加载后运行。这是我到目前为止所拥有的,但它并没有像它应该的那样工作。请一些帮助。 外部JS文件 window.document.body.a
我觉得这很有趣。考虑以下代码, window.onload 和 body onload=""调用相同的函数。但是,结果不同。在我看来,window.onload 的集合有问题。这是代码:
我多次在链接上使用 Shadowbox,我知道 href 指示 Shadowbox 像这样在框中加载什么页面: 但是,我现在需要在用户进入页面时立即显示一个阴影框。不是onclick,而是onloa
我正在制作一个页眉和页脚不变的网站。单击站点时,主 div 会更改。这是代码: Item 1 ... $("#item").click(function(){$("#main").load("i
我在网页中有 2 个函数 (js) 用于将图像附加到 Canvas 元素: function attachImage(tile, x, y) { base_image = new
首先向大家问好。我是 jquery 的新手,并且在学习曲线上。 我的脚本是这样的: $(function () { $('#content').find('#nav a').on('click'
我今天遇到了一个奇怪的错误。我有一个简单的用户脚本,它添加了一个 window.onload事件到所有网站。但是其中一个网站有一个 定义。发生的事情是 window.onload像往常一样工作但是安装
今天我遇到了一个奇怪的问题: window.onload 在引用名为 onload 的函数时似乎不会触发。 我以前从未注意到这一点: 测试 1: window.onload=onload; funct
假设你想用 JS 把一个元素变成蓝色,像这样: Boy, I sure do wish I was blue 上面的行不起作用,因为 this 以该上下文中的 window 对象为目标。您可以使用 I
我的问题与此处提出的问题类似,但又略有不同,window.onload vs 那道题是用 window.onload 和内联 js 的对比。 我的问题是下面的区别。假设正文标签的 ID 为“body
window.onload事件和body标签的onload事件到底有什么区别?我什么时候使用哪个以及如何正确使用? 最佳答案 window.onload = myOnloadFunc和 是使用同一事件
哪个得到更广泛的支持:window.onload 或 document.onload? 最佳答案 他们什么时候开火? window.onload 默认情况下,它会在整个页面加载时触发,包括其内容(图像
之间有什么区别: window.onload = someFunction; window.onload = someFunction(); 括号在最后。它们有什么不同吗? 我们一般使用第一个!如果我
在 this question 的答案中,我们读到 function f() {}在本地定义名称,而 [var] f = function() {}全局定义它。这对我来说很有意义,但是这两个声明之间存
当我将索引值传递给 onLoad() 时,因此当它开始在后台运行时,它将使用索引值来索引数组。问题是,从表面上看,当 onLoad() 开始运行时,它引用的索引值始终是最后一个索引。 我尝试将每个请求
假设我有这个页面: Hello, world! test.html 包含以下内容: huge.png由于某种原因是100mb。 我无法控制 test.html,但我必须在我的页面中包含 ifram
我正在做以下工作。如果启用了 js,它基本上会通过 ?answer=1。在我添加 onload 参数之前它一直有效(因为我希望这在没有用户触发的情况下发生)。但是,添加 onload 似乎会停止(否则
我可以同时使用body onload和window.onload吗?我已经使用此代码尝试过 window.onload = alertSec; 但是没有成功。我只是需要有人向我确认一下
我可以同时使用body onload和window.onload吗?我已经使用此代码尝试过 window.onload = alertSec; 但是没有成功。我只是需要有人向我确认一下
我是一名优秀的程序员,十分优秀!