前端3——BOM

版权声明:本文为博主原创文章,未经博主允许不得转载。 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

滚动条或鼠标滚轮滚动浏览器时

猜你喜欢

转载自blog.csdn.net/yaocong1993/article/details/82261929