版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yaocong1993/article/details/82261929
十二、BOM
BOM(Browser Object Model)浏览器对象模型,提供与浏览器交互的方法和接口。BOM的核心对象是window,表示浏览器的一个实例,window对象既是ECMAScript规定的Global对象,又是通过js访问浏览器窗口的一个接口。
1、对象
(1)navigator:浏览器信息
(2)location:浏览器定位和导航
操作url的各个部分。
assign(url):载入新的url,记录浏览历史;replace(url):载入新的url,不记录浏览历史;reload():刷新当前页。
(3)history:窗口浏览器历史
(4)screen:屏幕信息
2、方法
(1)三种对话框
弹出后窗口是阻塞状态,除非点击确定、取消或关闭按钮,才继续当前线程。
alert(‘警告’); 警告框
confirm(‘确定吗’); 确定返回true,取消或关闭返回false
prompt(‘请输入’); 确定返回用户在输入框中输入的字符串,否则返回null,第二个参数可以指定文本框的默认值
(2)计时器
setTimeout()
setInterval()
(3)开新窗口,关闭窗口
open():参数分别为新窗口url地址、命名、新开窗口的属性的键值对组合。
close():父窗口下操作w.close(); 当前子窗口操作window.close();。
var w=window.open("subwin.html","subwin","width=400,height=350,status=yes,resizable=yes");
w.close();
3、事件
属性名 |
描述 |
load |
文档和所有图片加载完毕,确保资源加载完毕,再操作 |
unload |
离开当前文档,刷新浏览器或关闭当前浏览器窗口 |
beforeunload |
和unload类似,但它提供询问用户是否确定离开的机会 |
resize |
拖动改变浏览器窗口大小时 |
scroll |
滚动条或鼠标滚轮滚动浏览器时 |