Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[js] 第42天 window对象和document对象有什么区别? #157

Open
haizhilin2013 opened this issue May 27, 2019 · 11 comments
Open

[js] 第42天 window对象和document对象有什么区别? #157

haizhilin2013 opened this issue May 27, 2019 · 11 comments
Labels
js JavaScript

Comments

@haizhilin2013
Copy link
Collaborator

haizhilin2013 commented May 27, 2019

第42天 window对象和document对象有什么区别?

@haizhilin2013 haizhilin2013 added the js JavaScript label May 27, 2019
@haizhilin2013 haizhilin2013 changed the title [css] 第42天 重置(初始化)css的作用是什么? [js] 第42天 window对象和document对象有干什么区别? May 27, 2019
@wenyejie
Copy link

window是全局对象, 类似于global, 没什么特别的, 就类似于地球, 大家都住在地球上
document, 是文档对象, 主要针对, HTML元素操作,的文档渲染, 类似于, 地球的生命

@AnsonZnl
Copy link
Contributor

window对象

代表浏览器中的一个打开的窗口或者框架,window对象会在或者每次出现时被自动创建,在客户端JavaScript中,Window对象是全局对象global,所有的表达式都在当前的环境中计算,要引用当前的窗口不需要特殊的语法,可以把那个窗口属性作为全局变量使用,例如:可以只写document,而不必写window.document。同样可以把窗口的对象方法当做函数来使用,如:只写alert(),而不必写window.alert.
window对象实现了核心JavaScript所定义的全局属性和方法。

document对象

代表整个HTML文档,可以用来访问页面中的所有元素 。
每一个载入浏览器的HTML文档都会成为document对象。document对象使我们可以使用脚本(js)中对HTML页面中的所有元素进行访问。
document对象是window对象的一部分可以通过window.document属性对其进行访问
HTMLDocument接口进行了扩展,定义HTML专用的属性和方法,很多属性和方法都是HTMLCollection对象,其中保存了对锚、表单、链接以及其他可脚本元素的引用。

@myprelude
Copy link

Window是浏览器的对象可以称为宿主对象。宿主对象包括(Bom,setTimeout,storage,work Server等 )
Document是文档对象,以html形式展示。是window对象里面的 一部分。

@haizhilin2013 haizhilin2013 changed the title [js] 第42天 window对象和document对象有干什么区别? [js] 第42天 window对象和document对象有什么区别? Jul 13, 2019
@Vi-jay
Copy link

Vi-jay commented Jul 30, 2019

window是浏览器对象 全局对象 例如在nodejs环境里就是Global document是文档对象 浏览器中专属的对象

@abueavan
Copy link

#110 DOM和BOM有什么区别?

@blueRoach
Copy link

document对象是window对象的一部分
document是用来操作dom元素的
window对象当你打开浏览器时就被创建,这个浏览器的所有东西都是window对象属性

@bozaigao
Copy link

window是浏览器全局对象,document是window的一部分,在nodejs环境中全局对象就是global.

@MrZ2019
Copy link

MrZ2019 commented Oct 14, 2020

window是浏览器对象 全局对象 例如在nodejs环境里就是Global document是文档对象 浏览器中专属的对象

@MrZ2019
Copy link

MrZ2019 commented Nov 3, 2020

Window是浏览器的对象可以称为宿主对象。宿主对象包括(Bom,setTimeout,storage,work Server等 )
Document是文档对象,以html形式展示。是window对象里面的 一部分。

@xiaoqiangz
Copy link

window是浏览器全局对象,document也是window的一部分,但是不必写成window.document,可以直接缩写成document. 。
document是文档对象,一般是于对html元素的操作和渲染。

@never123450
Copy link

window对象和document对象是JavaScript中两个重要的全局对象,它们有一些区别和不同的作用。

  1. window对象:window对象表示浏览器的窗口或标签页,它是JavaScript中的全局对象。它提供了对浏览器窗口的控制和访问,以及与浏览器交互的方法和属性。window对象包含了一系列的方法和属性,例如setTimeout、setInterval、alert、confirm等,用于控制窗口的行为和显示弹窗。此外,全局定义的变量和函数也会成为window对象的属性和方法。

  2. document对象:document对象表示当前页面的文档对象模型(DOM),它是window对象的一个属性。document对象提供了对页面内容的访问和操作。通过document对象,可以获取和修改页面的元素、样式、内容等。例如,可以使用document.getElementById()来获取页面中的元素,使用document.createElement()来创建新的元素,使用document.querySelector()来选择符合特定条件的元素等。

简而言之,window对象是浏览器窗口的全局对象,提供了浏览器窗口的控制和交互方法,而document对象是当前页面的文档对象模型,提供了对页面内容的访问和操作的方法。两者在JavaScript中扮演不同的角色,但它们之间密切相关,可以相互操作和影响。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
js JavaScript
Projects
None yet
Development

No branches or pull requests