7月15日：BOM总结

标签：

BOM（浏览器对象模型）是JS实现的一部分，没有任何相关的标准。
一、Window对象

　　a.窗口操作：
　　　　1. moveBy(IE) 相对移动
　　　　　　window.moveBy(100,100);
　　　　2. moveTO (IE) 以屏幕左上角为原点进行移动
　　　　　　window.moveTo(100, 100);
　　　　3. resizeBy(IE) 原型上增减宽高
　　　　　　window.resizeBy(300, 300);
　　　　4. resizeTo 修改宽高的指定值
　　　　　　window.resizeTo(300, 300);
　　　　5. screenLeft/Top(IE) 查看窗口距离屏幕左边和顶部的距离
　　　　　　alert(window.screenLeft/Top);
　　　　6. screenx/y(Mozilla) 查看窗口位置
　　　　　　alert(window.screenX/Y);
　　　　7. innerWidth/Height 查看客户区宽高
　　　　　　alert(window.innerWidth/Height);
　　　　8. outerWidth/Height 查看窗口宽高
　　　　　　alert(window.outerWidth/Height);

　　b.窗口的打开关闭
　　　　1. open("url","名称","属性") 在新窗口中打开
　　　　　　window.open("page2.html", "", "width=400px, height=400px");
　　　　2. close 关闭副窗口

　　c.系统对话框
　　　　1. alert (字符串)
　　　　2. confirm 选择是（true）或否（false）
　　　　　　if(confirm("是否提交")) {
　　　　　　　　alert("提交成功!");
　　　　　　} else {
　　　　　　　　alert("提交失败!");
　　　　　　}
　　　　3. prompt("input","默认值") OK返回输入值，取消返回null

　　d.状态栏
　　　　通过defaultStatus或status设置，defaultStatus优先级大于status

　　e.时间间隔和暂停
　　　　1. setTimeout() 延迟 clearTimeout 清除延迟；执行一次
　　　　　　var str = (123);
　　　　　　var t = window.setTimeout("alert(str)",2000);
　　　　　　window.clearTimeout(t);
　　　　2. setInterval/clearIterval 可多次执行延迟

　　f.历史
　　　　1. windou.history.forward/back 前进或后退历史页面
　　　　　　btn1.onclick = function() {
　　　　　　　　window.history.forward();
　　　　　　};
　　　　　　btn2.onclick = function() {
　　　　　　　　window.history.back();
　　　　　　};
　　2. window.history.go(+/-n) 当n>0,前进到第n个页面；当n<0，后退到第n个页面
　　3. window.history.length() 查看历史页面个数

二、document对象

　　1. document.lastModified 查看最后修改时间
　　　document.referrer 查看后退一个页面的url
　　　document.title 查看标题
　　　document.URL 查看当前页面的url
　　2. anchors 锚点合集
　　　　document.anchors.length
　　　forms 表单合集
　　　images 图片合集
　　　links 超链接合集
　　3. document.write 向文档写入数据
　　　document.writeln 向文档写入数据，并已空格隔开
　　　　document.write(123);
　　　　document.write(123);
　　　　document.writeln(123);
　　　　document.writeln(123);
　　　　document.writeln(123);

三、location 对象

　　1.href();assign();replace() 都可以用来跳转网页，但replace()方法不会产生历史信息

　　2.reload() 重新载入当前页面；值为ture时，从服务器刷新，上传数据；值为false时，本地刷 新，不上传数据

四、navigator 对象：关于浏览器本身的信息

　　1.appCodeName 浏览器代码名的字符串表示

　　2.appVersion 浏览器版本信息的字符串表示

五、screen 对象

　　1.availHeight/Width 窗口可使用的屏幕高度/宽度

　　2.height/width 屏幕的高度/宽度

　　3.全屏设置（IE）
　　　　window.moveTo(0,0);
　　　　window.resizeTo(screen.availWidth,screen.availHeight);

7月15日：BOM总结

标签：

原文地址：http://www.cnblogs.com/f19huangtao/p/4649586.html