BOM操作
1,地址
location,
location它既是window的对象属性也是document对象的属性;换句话说window.location和document.location调用的是同一个对象。
location.href(获取与设置地址栏)
实现页面刷新功能的方法:
a, location.href=location.href
b, 在head标签中:<meta http-equiv="refresh" content="2,页面">//每隔两秒刷新一次
c,history.go();
2. 浏览器信息
window.navigator
a, window.navigator.appName 浏览器名netscape
b, window.navigator.appCodeName 浏览器名mozilla
c, window.navigator.appVersion 浏览器版本
d, window.navigator.userAgent 用户代理
e, window.navigator.platform 系统
f, window.navigator.cookieEnabled cookie是否可用
3. 浏览器历史信息
window.history
a, history.length 历史记录数目
b, history.back() 后退
c, history.forward()前进
d, history.go() 跳转//history.go(1) ,向前跳转1个页面,当值为2时向前跳转2个页面,-1时向后跳转一个页面
4. 屏幕
window.screen
a, screen.width屏幕宽度(分辨率宽)
b, screen.height屏幕高度 (分辨率高)
c, screen.availWidth屏幕可用宽度(浏览器可视区域宽)
b, screen.availHeight 屏幕可用高度(浏览器可视区域高)
5.多窗口(应用于frameset中)
window.frames
a, window.frames.length 窗口个数
b, window.frames[0].location.href获取第一个窗口的地址
c,window.frames[0].frameElement.src获取第一个窗口的地址
d,window.frames[0].frameElement.src="right.html"设置窗口地址
补充:frame例子(html4)
<frameset rows="20%,*">
<frame src="top.html" noresize>
<frameset cols="30%,*">
<frame src="left.html" noresize>
<frame src="right.html" name="main_content">
</frameset>
</frameset>
window的方法
1,创建子页面 open() 会父子页面相互传递数据 //window.opener相当于在父页中window
2,会话框 alert prompt confirm(返回值为true,flase)
3,定时器 serInterval clearInterval 每隔指定时间调用
setTimeout clearTimeout 过了指定时间调用,只调用一次
4,滚动条
scrollTop属性: 此属性可以获取或者设置对象的最顶部到对象在当前窗口显示的范围内的顶边的距离,也就是元素滚动条被向下拉动的距离。返回值是一个整数,单位是像素。
scrollLeft属性:此属性可以获取或者设置对象的最左边到对象在当前窗口显示的范围内的左边的距离,也就是元素被滚动条向左拉动的距离。返回值是一个整数,单位是像素。
网友评论