首页 > 代码库 > BOM

BOM

1.window
window Object
window\document.defaultView => 都可以访问到window;
top => 最顶层的window对象;
parent => iframe 访问外部的window对象;
self => 自身的window对象;
iframe.contentWindow/iframe.contentDocument => iframe内部的window;
工作中这两天用jqury访问iframe内部的元素 $(‘selector‘,window.frames[‘iframeName‘].document);
attributes\method 属性\方法;
.name;
.open()\.close => 打开和关闭页面;只能关闭通过open()打开的页面;
.foucs()\blur() => 使窗口获得焦点\失去焦点
.alert()\.confirm()\prompt() => 三个提示框 直接弹\选择框\输入框;
.print()\.find() => 打印\在页面中查找文本类似ctrl+f
.postMessage() => 允许两个窗口之间跨域发送数据消息;
2.navigator
.userAgent => 当前浏览器信息;
.onLine => 判断是否在线;
.geolocation => 获取地理位置信息;一般需要用户授权;
3.location
protocol => 设置或返回当前的URL协议
host => 设置或返回当前的端口号 和主机名字
hostname => 设置或返回当前 URL 的主机名
port => 设置或返回当前 URL 的端口号
href =http://www.mamicode.com/> 设置或者返回完整的URL;
pathname => 设置或返回当前 URL 的路径
search => 设置或返回从问号 (?) 开始的 URL(查询部分)搜索网站很常见;
hash =>设置或返回从井号 (#) 开始的 URL(锚) 例如: http://slide.sports.sina.com.cn/f1/slide_2_54177_74198.html#p=2
assign(url) => 类似于 location.href = http://www.mamicode.com/{url} 和 location ={url} 只不过用法不同;
replace() => 和上面一样 但是不会产生历史记录;
reload() => 重新载入;
4.history
attributes\method
length;
state;
.go();
.back() - 与在浏览器点击后退按钮相同
.forward() - 与在浏览器中点击按钮向前相同
.pushState()
.replaceState()
event
window.onhashchange
window.onpopstate
iframe(ie)
Storage
Cookie(string);
Session
LocalStorage(key/value);
SessionStorage
IndexedDB(SQL);
Application Cache(file);
5.screen
width
height
avaiWidth
availHeight
pixelDepth
colorDepth

BOM