码迷,mamicode.com
首页 > 其他好文 > 详细

BOM操作

时间:2016-12-28 17:00:57      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:边框   模型   useragent   location   fse   跨域   arch   打开方式   ref   

BOM操作
//浏览器对象模型
opener=window.open(页面的url,打开方式)
opener.document.body.style.background="red";//把打开的页面背景颜色变成红色,涉及跨域问题
//方法打开一个新的页面,如果打开url为空则打开一个空白页面,如果打开方式为空则默认打开方式
window.close()// 火狐不兼容,关闭当前页面
window.navigator.userAgent//获取浏览器信息
window.location //浏览器地址信息 是一个对象,该对象下面有以下几个属性
window.location.href//当前页面链接
window.location.search:url?=1
alert(window.location.search);
window.location.hash:url#后面的内容

文档宽高和窗口事件
窗口尺寸大小
可视区的尺寸//没有什么兼容问题
document.documentElement.clientWidth
document.documentElement.clientHeight
滚动距离
document.documentElement.scrollTop;
document.documentElement.scrollLeft;
document.body.scrollTop;//chrome
document.body.scrollLeft;
//兼容文档滚动的滚动距离
var scrollTop=document.documentElment.scrollTop ||document.body.scrollTop;
//内容的尺寸
scrollHeight//比offsetHeight多了边框的高度
//文档的尺寸
document.documentElement.offsetWidth;
document.body.offsetHeight;
BOM下的两个事件
onscroll//当滚动时触发,以时间间隔来算
onresize//当窗口尺寸发生变化的时候触发

BOM操作

标签:边框   模型   useragent   location   fse   跨域   arch   打开方式   ref   

原文地址:http://www.cnblogs.com/llcMite/p/6229700.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!