浅谈window对象和document对象

约定不等于承诺〃 2022-09-29 01:59 241阅读 0赞

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的<title>标签

②　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                 文档主体开始和结束，等价于<body></body>

②　document.body.bgColor          背景颜色

③　document.body.link             未点击过的链接颜色

④　document.body.alink          激活链接(焦点在此链接上)的颜色

⑤　document.body.vlink      已点击过的链接颜色

⑥　document.body.text        文本色

⑦　document.body.innerText      <body>...</body>之间的文本

⑧　document.body.innerHTML  <body>...</body>之间的HTML代码

⑨　document.body.topMargin 页面上边距

⑩　document.body.leftMargin      页面左边距

⑪　document.body.rightMargin   页面右边距

⑫　document.body.bottomMargin  页面下边距

⑬　document.body.background    背景

⑭　document.body.appendChild(oTag) 添加DOM对象

⑮　document.body.οnclick="func()"              鼠标指针单击对象是触发

⑯　document.body.οnmοuseοver="func()"    鼠标指针移到对象时触发

⑰　document.body.οnmοuseοut="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                <img>标签

②　document.images.length          <img>标签的个数

③　document.images\[0\]             第1个<img>标签

④　document.images\[i\]          第i-1个<img>标签

[go]: http://lib.csdn.net/base/go

浅谈window对象和document对象

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 content访问document和window对象数据

相关浅谈面向对象

相关 document对象和window的常用事件

相关浅谈window对象和document对象

相关浅谈javascript面向对象

相关浅谈面向对象

相关浅谈jQuery对象和DOM对象

相关浅谈Java中的对象和对象引用

相关 document对象

相关关于BOM-window对象，history，location，document对象