什么是 Window 对象? 什么是 Document 对象?

1）window：代表浏览器中一个打开的窗口。
（1）对象属性
①　window.self 引用本窗口window==window.self
②　window.name 为窗口名字
③　window.defaultStatus 窗户状态栏信息
④　window.location URL地址，设置该属性可打开新的页面
（2）对象方法
①　window.alert("text") 提示信息会话框
②　window.confirm("text") 确认会话框
③　window.prompt("text") 键盘输入会话框
④　window.setIntervel(func, time) 每隔指定时间(毫秒)执行一次操作
⑤　window.clearInterval() 清除时间间隔
⑥　window.setTimeout(action,time) 等待指定时间(毫秒)后再执行操作
⑦　window.open() 打开新的窗口
⑧　window.close() 关闭窗口
（3）成员对象
①　window.event
②　window.document
③　Window.history
a. window.history.length 浏览过的页面数
b. window.history.back() 后退
c. window.history.forward() 前进
d. window.history.go(i) 前进或后退i个页面（i>0前进，i<0后退）
④　Window.screen
a. window.screen.width 屏幕宽度
b. window.screen.height 屏幕高度
c. window.screen.colorDepth 屏幕色深
d. window.screen.availWidth 屏幕可用宽度
e. window.screen.availHeight 屏幕可用高度（除去任务栏的高度）
⑤　Window.navigator
a. window.navigator.appCodeName 浏览器代码名
b. window.navigator.appName 浏览器名
c. window.navigator.platform 运行浏览器的操作系统平台
d. window.navigator.appVersion 浏览器的平台和版本
e. window.navigator.userAgent 由客户机发送服务器的user-agent 头部的值
f. window.navigator.cookieEnabled 浏览器是否启用cookie
g. window.navigator.appMinorVersion 浏览器补丁版本
h. window.navigator.cpuClass cpu类型
i. Window.navigator.plugins 插件标识
j. window.navigator.userProfile 用户的个人信息
k. window.navigator.systemLanguage 客户体系语言
l. window.navigator.userLanguage 用户语言
m. window.navigator.onLine 用户是否在线
n. window.navigator.mimeTypes MIME类型（数组）

2）document对象：代表整个HTML 文档，可用来访问页面中的所有元素。
（1）对象属性
①　document.title 文档标题，等价于HTML的
标签
②　document.bgColor 页面背景色
③　document.fgColor 前景色(文本颜色)
④　document.linkColor 未点击过的链接颜色
⑤　document.alinkColor 激活链接(焦点在此链接上)的颜色
⑥　document.vlinkColor 已点击过的链接颜色
⑦　document.URL 在同一窗口打开另一网页
⑧　document.fileCreatedDate 文件建立日期，只读属性
⑨　document.fileModifiedDate 文件修改日期，只读属性
⑩　document.fileSize 大小，只读属性
⑪　document.cookie 设置和读出cookie
⑫　document.charset 字符集
（2）对象方法
①　document.write() 动态向页面写入内容
②　document.createElement(tag) 创建指定标签的元素
③　document.getElementById(id) 获得指定id值的元素
④　document.getElementsByName(name) 获得指定Name值的元素
（3）body对象
①　document.body 文档主体开始和结束，等价于
②　document.body.bgColor 背景颜色
③　document.body.link 未点击过的链接颜色
④　document.body.alink 激活链接(焦点在此链接上)的颜色
⑤　document.body.vlink 已点击过的链接颜色
⑥　document.body.text 文本色
⑦　document.body.innerText
...之间的文本
⑧　document.body.innerHTML
...之间的HTML代码
⑨　document.body.topMargin 页面上边距
⑩　document.body.leftMargin 页面左边距
⑪　document.body.rightMargin 页面右边距
⑫　document.body.bottomMargin 页面下边距
⑬　document.body.background 背景
⑭　document.body.appendChild(oTag) 添加DOM对象
⑮　document.body.onclick="func()" 鼠标指针单击对象是触发
⑯　document.body.onmouseover="func()" 鼠标指针移到对象时触发
⑰　document.body.onmouseout="func()" 鼠标指针移出对象时触发
（4）location-位置子对象
①　document.location.hash #号后的部分
②　document.location.host 域名+端口号
③　document.location.hostname 域名
④　document.location.href 完整URL
⑤　document.location.pathname 目录部分
⑥　document.location.port 端口号
⑦　document.location.protocol 网络协议
⑧　document.location.search ?号后的部分
（5）通过集合引用（以images集合为例，forms集合等类似）
①　document.images 标签
②　document.images.length 标签的个数
③　document.images[0] 第1个标签
④　document.images[i] 第i-1个标签



猜你喜欢：

如何理解面向对象的封装、继承和多态？

怎样给移动端页面设置不同于PC端的样式？

CSS是什么意思？CSS的全称是什么？

黑马程序员web前端培训课程