乐鱼电竞

教育行业A股IPO第一股（股票代码 003032）

全国咨询/投诉热线：400-618-4000

什么是对象？Window和Document的对象方法是什么？

更新时间:2021年01月22日14时36分 来源:乐鱼电竞 浏览次数:

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个标签


猜你喜欢：

盒子模型的圆角边框怎样实现？

网站开发工具有哪些？【前端开发工具】

网站搭建流程：如何搭建一个网站？

乐鱼电竞web前端课程

0 分享到：
和我们在线交谈！
【网站地图】【sitemap】