- 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/
当调用 func didBegin(_ contact: SKPhysicsContact) 的 SKScene 中发生接触时,需要确定哪个 SKPhysicsBody 是contact.bodyA
HTML: CSS: body { width : 1000px ; } header { width : 100% ; } 如果有这样的代码, 我认为页眉的宽度将与主体的
我刚刚通过网站完成设计,现在我正在尝试将整个 body 布置成一个整体,而不是不断重复的瓷砖。请问我该怎么做? 我不确定我说的是否有道理,但就像一张墙纸在拉伸(stretch),而不是 30 个小瓷砖
我试图在我的内部包装器上获得一个滚动条,而不是主体本身: CSS body { overflow: hidden; } #body_wrap { overflow-y: auto;
body { margin: 0px; border: 1px solid black; } #head { text-align: center; background: linea
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improv
我试图了解此 CSS 规则将应用于哪些元素: body h1, body .h1 { font-family: 'Open Sans', sans-serif !important;
此问题与使用 Jade templates 有关与 Express.js . 我知道当我写 layout.jade其中包含: !!! html body != body hea
我正在尝试为 body 设置不透明度。但是,我遇到了一个问题。 在body 上设置不透明度时,只有它的内容会受到影响。 背景不受不透明度的影响。 $("button").click(function(
我的游戏中有两个对象:球和星星 球是静态或动态的物体。 对于明星: 我需要知道星星何时与球相撞 但它需要穿过小球并且不受碰撞影响 我应该怎么做? 谢谢 袜套 最佳答案 您想使用 Sensors (6.
我以前问过这个问题,但所有答案都不起作用,所以我有一个示例页面,webpage .我有一个重新调整大小的菜单,我想在菜单外单击时关闭菜单,以及在第一次切换下拉菜单时让主体向下动画,这样下拉菜单就不会隐
我有一个漂浮在我其余内容上的井。我遇到的问题是,当它加载页面时,它会下推其余内容。我该如何更改它以便它悬停在所有内容上并且不会在页面加载时将内容下推。 这是页面加载的图像。 这是向下滚动页面的图片 请
在我的代码中我有这个: #body { background-color: #efeeef; clear: both; padding-bottom: 35px; } 还有这个
我想做以下事情。 $("a").click(function (event) { event.preventDefault(); $.get($(this).attr("href"),
在documentation在其他地方,我看到使用了 Body 但不知道它是什么。 谁能解释一下这三个选项是什么意思? from fastapi import Body from pydantic i
我试图在 body 加载后触发一个功能。我知道你可以从 body 标签中做到这一点,但如果可能的话,我更愿意从 JS 中做到这一点。 例如:document.getElementsByTagName(
在 Pymunk 中,当我旋转一个物体时,它的形状并没有旋转。当我施加一个冲动时,形状会如预期的那样同步移动。我的谷歌搜索表明 body 的形状应该在 body 旋转时旋转。我是否从根本上误解了旋转?
在我的移动网站/应用程序中使用 jQueryMobile 时,我刚刚开始遇到非常奇怪错误 编辑 我正在添加图片,可能更容易理解问题 edit2 我发现了这个问题。仍然好奇为什么会这样 如果您想查看原
我正在使用 Phaser.js 及其 p2 物理来模拟“流体”。你可以在this中看到创建一种流体体的示例(归功于 John Watson)。唯一可能的交互是鼠标移动。 我注意到一些有趣的特性可能有助
我认为是后一项, :not(body> element) 说明 body 标签中的所有“元素”元素。这是否与 同义 body >:not(element) ?? 最佳答案 body >:not(ele
我是一名优秀的程序员,十分优秀!