返回

window对象和document对象概述

前端

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对象都是前端开发中非常重要的全局对象。了解这两个对象及其属性和方法,可以帮助您更轻松地编写前端代码。