返回
window对象和document对象概述
前端
2023-11-18 12:28:57
window对象和document对象简介
在前端开发中,window对象和document对象是两个非常重要的全局对象。window对象代表浏览器窗口,而document对象代表HTML文档。这两个对象都有许多属性和方法,可以用来操作浏览器窗口和HTML文档。
window对象属性与方法
window对象常用的属性包括:
window.name
:窗口的名称。window.location
:窗口的URL。window.history
:窗口的历史记录。window.navigator
:浏览器的信息。window.screen
:屏幕的信息。
window对象常用的方法包括:
window.open()
:打开一个新的窗口。window.close()
:关闭当前窗口。window.print()
:打印当前页面。window.alert()
:显示一个警报对话框。window.confirm()
:显示一个确认对话框。window.prompt()
:显示一个提示对话框。
document对象属性与方法
document对象常用的属性包括:
document.title
:文档的标题。document.URL
:文档的URL。document.body
:文档的主体。document.head
:文档的头部。document.documentElement
:文档的根元素。
document对象常用的方法包括:
document.write()
:向文档写入内容。document.getElementById()
:通过ID获取元素。document.getElementsByTagName()
:通过标签名获取元素。document.getElementsByClassName()
:通过类名获取元素。document.querySelector()
:通过选择器获取元素。document.querySelectorAll()
:通过选择器获取所有元素。
window对象和document对象的区别
- window对象代表浏览器窗口,而document对象代表HTML文档。
- window对象有更多的属性和方法,而document对象有更少。
- window对象可以用来操作浏览器窗口,而document对象可以用来操作HTML文档。
总结
window对象和document对象都是前端开发中非常重要的全局对象。了解这两个对象及其属性和方法,可以帮助您更轻松地编写前端代码。