JS中document对象与window对象

2016年08月22日Web前端0

这两个对象是JS中再熟悉不过的对象了,尽管我们经常使用,但是我们是否真的了解这两个对象呢?

window对象

BOM的核心对象是window,他表示浏览器的一个实例。在浏览器中他有双重角色,既是js访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。 属性:

  • window.defaultStatus 状态栏信息(看IE下效果比较好)
  • window.name                窗口命名
  • 等等

方法:

  • window.alert()    弹出框(这个应该相当的熟悉,最一般的调试方法)
  • window.confirm() 确认弹出框
  • window.prompt()  输入对话框
  • window.setIntervel() 计时器函数
  • 等等,以上方法调用时,可以省略window对象

成员对象:

  • window.document  即是document对象
  • window.history      访问历史对象(还有对应的方法)
  • window.navigator  浏览器对象(包含一些如浏览器版本等信息)
  • window.location    URL对象,包含了一些关于url的信息
  • 等等

document对象

他代表整个HTML文档对象 属性:

  • document.body 相当于元素
  • document.documentElement 相当于根节点元素
  • document.title  相当于标签中的值
  • document.cookie  cookie值,这个用的也比较多
  • document.charset 当前页面编码格式
  • document.images 对应页面上的标签
  • 等等

方法:

  • document.getElementById() 这个写原生的话,必须熟悉
  • document.getElementsByTagName()
  • document.getElementsByName()
  • document.getElementsByClassName() IE9以上支持
  • document.createElement()   创建元素