BOM总结
BOM
概念:BOM是浏览器对象模型,是Bowser Object Model 的简称,就是 浏览器 工具库 说明书!
Window对象
Window 对象的角色:
(a)javascript访问浏览器的窗口的一个接口(入口);
(b)ECMAScript中的Global对象,全局对象。
全局对象:就是顶层对象,顶层对象可以理解为CEO。其他的一切全局变量,都是window对象的下属。
注意对于全局变量,我们可以省略window
Document对象
通过 document 变量引用,我们所有的网页内容都是通过这个Document对象来进行管理的。
frames
框架集,类似一个数组,可以通过frames[索引号](frames[0])或frames[框架名称],来获取指定的框架。
History对象
通过 history 变量可以引用,对于在当前窗口中,我们所访问的所有页面,都会被记录在History对象中。通过这个对象,我们可以很容易的跳转到我们之前所浏览的页面中。
history.go(参数); //参数可以是数字可以是字符串
可以用另外两个方法来替代go方法
(1)history.back();
(2)history.forward();
history.length; 可以获取浏览的历史记录的数量
Location对象
通过变量 location 引用,location对象可以帮助我们操作url并提供了一下页面导航功能。
href属性 控制浏览器地址栏的内容
reload()方法 刷新页面,有可能会使用缓存(暂存!!!!)
reload(true) 刷新页面,不使用缓存(绝对的!),重新请求服务器。
Navigator对象
通过navigator对象引用,Navigator对象可以帮助我们检测浏览器的信息以及浏览器所在的操作系统的信息。
appName 浏览器名称(最新的浏览器已经放弃这属性)
appVersion 浏览器版本(最新的浏览器已经放弃这属性)
Platform 操作系统(最新的浏览器已经放弃这属性)
userAgent 用户代理信息,通过该属性可以获取浏览器及操作系统信息
Screen对象
通过screen对象来引用,可以用它来获取当前屏幕的高度和宽度。
Width 获取屏幕的宽度;
Height 获取屏幕的高度;
h5 视口(view)
setTimeout(函数,时间(毫秒数))
超时调用,就是在指定过了多少时间后,执行我们的代码,只执行一次。
清除定时器 clearTimeout(id);
setInterval(函数,时间(毫秒数));
间歇调用,每隔指定的时间,调用一次我们代码,重复调用。
清除定时器 clearInterval();
close() 关闭窗口。
ie\chrome\Safari均支持,火狐支持,不过它的浏览器配置参数默认禁用了这个方法,所以在浏览器地址中输入:about:config 找到dom.allow_scripts_to_close_windows,设置参数值为true
例: //点击一下就关闭窗口
alert(text) : 弹出对话框
confirm (text) :弹出对话框,但会有返回值,点击确定是true,点击取消返回false
例:
var a = window.confirm("Are you ok?")
alert(a); //弹出Are you ok?,点击确定返回true,点击取消返回false
prompt(text,defaultText)
弹出对话框,显示提示信息,并提供用户输入的一个文本框,并且可以预先设定默认的输入内容,返回文本框输入的内容。
例:
var t = prompt("问你一个问题","你请说");
alert(t); //显示问你一个问题,文本框为设定的你请说,用户可以改变,最后返回文本框的内容。