window对象和document对象的区别

1、window:代表浏览器中一个打开的窗口。 (1)对象属性 ① window.self 引用本窗口window==window.self ② window.name 为窗口名字 ③ window.defaultStatus 窗户状态栏信息 ④...
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>标签

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
廖雪
廖雪

78 篇文章

作家榜 »

  1. admin 651 文章
  2. 粪斗 185 文章
  3. 王凯 92 文章
  4. 廖雪 78 文章
  5. 牟雪峰 12 文章
  6. 李沁雪 9 文章
  7. 全易 2 文章
  8. Stevengring 0 文章