BOM浏览器对象模型
1.组成
- Window:浏览器窗口对象(重)
- Navigator:浏览器对象
- Screen:显示屏对象
- History:历史记录对象(重)
- Location:地址栏对象(重)
window:浏览器窗口对象
- 创建
不用创建,直接使用Window对象中的属性和方法 - 方法的使用
- 与弹出框有关的方法
- alert():显示带有一段消息和确认按钮的警告框,不惦记确定就会阻塞信息
- confirm()---->重点关注对象--->显示带有一段消息,以及确认和取消按钮的对话框(点击确认返回true,点击取消返回false);
优点在于,可以选择是否进行此操作,点击确定就是确认此操作,点击取消就是不执行此操作 - prompt():显示可提示用户输入的对话框,也有确认和取消,点击确认该方法返回输入框中的值,如果点击取消,该方法就不返回输入框中的值
- 与弹出框有关的方法
打开与关闭浏览器窗口的方法
-
close():关闭窗口
-
open():打开新窗口
-
var id对应的标签=document.getElementById("ID名称");拿到id对应的标签
-
事件绑定操作:通过js实现标签和js代码对应,比如点击按钮,执行js代码操作---->onclick(点击事件)
-
定时器的相关的方法的使用
- set的计时器是有返回值的
- setInterval():按照指定的周期(毫秒)来调用函数或计算表达式(一次性)
- setTimeout():在指定的毫秒数后调用函数或计算表达式(一次性)
- 两个参数
- 函数表达式
- 毫秒数
- clearIntreval():取消由setInterval的返回值(关闭计时器)
- clearTimeout():取消由setTimeout设置的返回值(就是关闭计时器)
-
属性的使用
- 获取其他的BOM对象
- history
- location
- Navigator
- Screen
- 获取DOM对象
- document:文档对象
- 获取其他的BOM对象
-
对象特点
- window对象不需要创建,直接使用,window.属性名/方法名,前面window还可以省略不写
- 可以通过window对象获取其他的BOM对
location地址栏对象:通过window.location来获取
location报刊当前有关的URL的信息
1.创建
通过window来获取:通过window.location来获取,window可以不写
2.属性:
-href:设置或者返回完整的URL
3.方法：
- reload（）：让页面重新加载一次
- replace（）：用新的文档替换当前文档
history:历史记录对象
1.创建
通过window对象来获取历史记录对象：windiow.history(window可以省略不写)
2.方法：
- forward（）；加载history列表下一个url
- back（）；加载history列表前一个
- go（）；加载history列表最终页面，传入一个数字参数，正数向前，负数向后
3.属性: - length:当前窗口的历史记录数
Document文档对象
1.创建
通过window对象获取文档对象，window.document（window可以省略不写）。
2.方法
1. 获取Element元素对象
- getElementById（）----》通过id名称获取id名称对应的元素对象，id一般唯一
- getElementsByTagName()--->通过标签名获取对应的元素对象，返回的是一个对象数组
- getElementsByClassName()--->通过class属性值获取对应的元素对象。也是一个对象数组
- getElementsByName()--->通过name属性值获取元素对象返回的是对象数组。
2. 创建其他的DOM对象 - createComment()--->创建注释节点
- createElement()--->创建元素节点
- createTextNote()-=-->创建文本节点
- createAttribute(name)--->创建拥有指定名称的属性节点并返回新的
1.创建
通过window对象获取文档对象，window.document（window可以省略不写）。
2.方法
1. 获取Element元素对象 - getElementById（）----》通过id名称获取id名称对应的元素对象，id一般唯一
- getElementsByTagName()--->通过标签名获取对应的元素对象，返回的是一个对象数组
- getElementsByClassName()--->通过class属性值获取对应的元素对象。也是一个对象数组
- getElementsByName()--->通过name属性值获取元素对象返回的是对象数组。
2. 创建其他的DOM对象 - createComment()--->创建注释节点
- createElement()--->创建元素节点
- createTextNote()-=-->创建文本节点
- createAttribute(name)--->创建拥有指定名称的属性节点并返回新的
