一.BOM
1.什么是BOM?
Browser Object Model:浏览器对象模型
2.作用:
(1)可以操作浏览器窗口及浏览器窗口中的控件(标签):即可以在Javascript程序中操作标签
(2)实现页面和用户之间的动态交互
3.浏览器对象:一系列浏览器内置对象的统称
4.浏览器对象模型:内置对象之间按照某种层次组织起来的结构
二.BOM对象
1.window对象:浏览器的窗口对象,是BOM的核心,BOM的其他内置对象可以作为window的属性
2.document对象:文档对象,是DOM的核心
3.location对象:地址对象。浏览器的地址栏
4.history对象:历史对象。浏览器的访问记录,可以实现前进和后退。
5.navigator对象:浏览器对象,又称为浏览器的嗅探器。通过它可以得到浏览器的版本信息、名称、内核等信息。
6.screen对象:屏幕对象。用于获取和屏幕有关的数据。例如屏幕分辨率
三.window对象:可以作为BOM其他对象的父对象
1.全局作用域:在JavaScript中定义的变量、函数及JavaScript的内置函数都可以被window对象调用
<script>
var title = '美羊羊'
// console.log(title)
// console.log(window.title)
function getTitle() {
// let title = '西安'
// return title
console.log(this.title)//this代表的是window对象window.title=this.title
}
getTitle()
// console.log(window.getTitle())
// console.log(window.Math.PI)
</script>
2.注意的问题:
(1)window对象的属性和方法的访问:window.属性名/window.方法名
(2)在全局作用域中使用的this代表window对象
(3)若使用“window.变量名”访问某个未声明的变量时,该变量就是undefined
<script>
console.log(window.addr)//undefined
</script>
3.常用方法:
(1)alert("字符串"):弹出消息提示框(只有一个按钮)
<script>
window.alert('上午迟到了')
</script>