JS面向对象编程的方法有两种,分别为BOM和DOM,本篇先介绍BOM。
BOM:Browser Object Model 浏览器对象模型
概念:将浏览器的各个组成部分封装为对象(也就是每个组成部分分别看成是一个对象,然后针对部分进行需求操作)
特点:BOM对象不能自己创建,当文档加载进内存,浏览器会自动创建。
由五部分组成:
Window(*****):窗口对象
Location(**):地址栏对象
History(*):历史记录(当前窗口)对象
Navigator :浏览器对象 基本不用 仅作了解
Screen:显示器屏幕 基本不用 仅作了解
availHeight 获取系统屏幕的工作区域高度,排除 Microsoft Windows 任务栏。
availWidth 获取系统屏幕的工作区域宽度,排除 Windows 任务栏。
height 获取屏幕的垂直分辨率。
width 获取屏幕的水平分辨率。
Window:窗口对象
使用方式:
window.方法名(); window 可以省略
* 方法:
* 与弹出有关的方法
alert() 显示带有一段消息和一个确认按钮的警告框。
例子:window.alert("我是警告弹框");
(**)confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
例子:var flag=window.confirm("你确定吗?");
prompt() 显示可提示用户输入的对话框。
例子:var text=window.prompt("请输入地址","");//参数2:默认文字
* 与定时器有关的方法
(**)setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。 循环执行
clearInterval() 取消由 setInterval() 设置的 timeout。
(**)setTimeout() 在指定的毫秒数后调用函数或计算表达式。 只执行一次
* 参数:
参数1:字符串(js语句)或者 函数对象
参数2:毫秒值。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
例子:
设置定时器 3秒后要执行的函数
var id=window.setTimeout("window.close()",3000);
var id1=window.setTimeout("shut()",3000);
var id2=window.setTimeout(shut,3000);
funtion shut(){
window.close();
}
取消定时器 通过定时器的id 来取消
window.clearTimeout(id);
window.clearTimeout(id2);
* 与打开关闭有关的方法:
open():打开新窗口
* 参数:打开目标的URL
* 返回值:返回新打开窗口的window引用
例子:var newWindwo=window.open("http://www.baidu.com");
newWindwo.close();
close():关闭窗口
* 谁调用我 , 我关谁
例子:window.close();
* 属性:
* 获取其他对象的属性:
* history :对 History 对象的只读引用。请参数 History 对象。
* location :用于窗口或框架的 Location 对象。请参阅 Location 对象。
* Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。
* Screen 对 Screen 对象的只读引用。请参数 Screen 对象。
* document:对 Document 对象的只读引用。请参阅 Document 对象。
* Location:地址栏对象
获取方式:可以用window对象中的属性获取
var lc=window.location;
lc.href="http://www.baidu.com";
* 属性:
href:设置或获取当前的URL
* History:历史记录对象
获取方式:可以用window对象中的属性获取
var ht=window.history;
ht.go(1);
* 方法:
go:
1:前进
-1:后退