BOM
含义
Browser Object Model: 浏览器对象模型
作用
1. 可以操作浏览器窗口及浏览器窗口中的控件(标签):即可以在JavaScript程序中操作标签
2. 实现页面和用户之间的动态交互
BOM对象
1、window对象:浏览器窗口对象,是BOM的核心,BOM的其他内置对象可以作为window的属性
2、document对象:文档对象,是DOM的核心
3、location对象:地址对象。浏览器的地址栏
4.、history对象:历史对象。浏览器的访问记录,可以实现前进和后退。
5、navigator对象:浏览器对象,又称为浏览器的嗅探器。通过它可以得到浏览器的版本信息、名称、内核等信息
6、screen对象:屏幕对象。用于获取和屏幕有关的数据。例如屏幕分辨率
window对象
在javascript中定义的变量、函数及JavaScript的内置函数都可以被window对象调用
常用方法
-
alert(‘字符串’)
-
prompt(参数1,参数2)
-
confirm(参数):
-
open(url,name,spaces,replace)
定时器函数
setTimeout(fn,times)
clearTimeout(定时器对象)-清除重复一次的定时器
setInterval(fn,times):
clearInterval(定时器对象)-清除反复的函数
事件处理
单击事件名:click —- onclick
页面加载事件名:load —- onload
对象获取
-
getElementById(标签的Id属性值)
-
querySelector
-
通过id选择:document.querySelector(‘#id’)
-
通过class选择:document.querySelector(‘.class’)
-
通过标签名选择:document.querySelector(‘标签名’)
-
事件监听
-
在标签中监听
-
开始//监听click事件
-
<body οnlοad=""> //监听页面的加载事件load
-
-
在js中监听
-
控件名.addEventListener(‘事件名’,fn)
-