教育行业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前端课程