bom

1、BOM的主要功能包括:
-弹出新窗口,更改浏览器窗口大小。
-窗口的拉动和缩放。
-屏幕分辨率详细信息。
-浏览器移动,关闭,向前向后。
缺点:很多不兼容,列如: moveBy 、 moveTo 、 resizeBy 、 resizeTo( 对浏览器的移动和改变大小的能力 ) 只在 IE 浏览器下支持。
2、定时器(属于Window对象):以毫秒为单位
建议两种写法
function execute(){
alert("几秒以后再执行")
}
setTimeout(execute,1000);

setTimeout(function() {
console.info(" 放入匿名函数 ");
}, 1000);
销毁定时器:var timer=setTimeout(function(){
alert("销毁定时器")
},3000);
clearTimeout(timer);
3、间隔执行:
setInterval(function(){
alert("间隔执行")
},1000);
var timer=setInterval(function(){
alert("销毁间隔执行")
},3000);
clearInterval(timer);
由此可以演变为定时器变成间隔执行
function c(){
alert("放入匿名函数");
setTimeout(c, 1000)

}
c();
4、弹出对话框 !alert 会堵塞后面的代码,带用户点击确定后后面的代码才正常运行
- confirm 显示的消息有"确定""取消",并且会返回一个bool(true dalse)
-prompt 返回的是字符串
5、打开新窗口和关闭窗口(属于Window对象)
-open:打开一个新的浏览器窗口
_blank(新的空白窗口)、_self(自身窗口)、_parent(父窗口) 或 _top(顶层窗口)
可以设置:left top height width (Number)
resizable(是否可以通过拖动边线调整大小) scrollable(新窗口内容是否选择滚动) toolbar (新窗口是否显示工具栏) status ( 是否显示状态栏) location (是否显示地址栏) (判断 默认都为否)
列:var newWindow = open("local.html", "mycall", "");
var newWindow = open("https://www.baidu.com", "_self", "");
-close
列:-window.close();
- var newWindow = open("https://www.baidu.com", "_blank", "");
setTimeout("newWindow.close();", 1000)
6、location : 访问指定 URL
location.href = "https://www.baidu.com";
7、history: history.back();// 返回上一个页面
history.foward();// 进入下一个页面
history.go(-1);// 返回上一个页面(整数位前进,负数为后退)
8、获取客户端屏幕信息 (window.screen 对象
.height 屏幕高度,以像素记
.width 屏幕宽度
.availHeight 可以使用的屏幕高度,不包含工具

posted @ 2016-04-17 13:04  脸大陈小姐  阅读(156)  评论(0编辑  收藏  举报