JavaScript BOM-11-BOM的核心-window对象; window对象的控制,弹出窗口方法; 超时调用; 间歇调用; location对象常用属性; 位置操作--location.reaplace,location.reload(); BOM中的history对象; Screen对象及其常用属性; Navigator对象;

JavaScript BOM

学习目标

1.掌握什么是BOM

2.掌握BOM的核心-window对象

3.掌握window对象的控制、弹出窗口方法

什么是bom

BOM(browser object model)浏览器对象模型

window

Window是浏览器的一个实例，在浏览器中，window对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象

Window对象的方法

语法：window.alert(“content”)

功能：显示带有一段消息和一个确认按钮的警告框

语法：window.confirm(“message”)

功能：显示一个带有指定消息和OK及取消按钮的对话框

返回值：如果用户点击确定按钮，则confirm()返回true

如果用户点击取消按钮，则confirm()返回false

Window对象的方法

语法：window.prompt(“text,defaultText”)

参数说明：text:要在对话框中显示的纯文本（而不是HTML格式的文本）

defaultText: 默认的输入文本

返回值：如果用户单击提示框的取消按钮，则返回null

如果用户单击确认按钮，则返回输入字段当前显示的文本

Window对象的方法

语法：window.open(pageURL,name,parameters)

功能：打开一个新的浏览器窗口或查找一个已命名的窗口

参数说明：pageURL: 子窗口路径

name: 子窗口句柄。

paremeters: 窗口参数（各参数用逗号分隔）

Window对象的方法

语法：window.close()

功能：关闭浏览器窗口

学习目标

1.掌握超时调用

2.掌握间歇调用

超时调用

语法：setTimeout(code,millisec)

功能：在指定的毫秒数后调用函数或计算表达式

参数说明：1.code:要调用的函数或要执行的JavaScript代码串

2.millisec:在执行代码前需等待的毫秒数

说明：setTimeout()只执行code一次。如果要多次调用，请使用

setInterval()或者让code自身再次调用setTimeout()

清除超时调用

语法：clearTimeout(id_of_settimeout)

功能：取消由setTimeout()方法设置的timeout

参数说明：id_of_setTimeout:由setTimeout()返回的ID值，该值标识要取消的延迟执行代码块

间歇调用

语法：setInterval(code,millisec)

功能：每隔指定的时间执行一次代码

参数说明：1.code: 要调用的函数或要执行的代码串

1. millisec: 周期性执行或调用code之间的时间间隔，以毫秒计

清除间歇调用

语法：clearInterval(id_of_settimeout)

功能：取消由setInterval()方法设置的interval

参数说明：id_of_setinterval:由setInterval()返回的ID值

学习目标

1.掌握location对象

2.掌握location对象的常用属性

location对象

location对象提供了与当前窗口中加载的文档有关的信息，还提供了一些导航的功能，它既是window对象的属性，也是document对象的属性。

location对象的常用属性-1.href

语法：locatoin.href

功能：返回当前加载页面的完整URL

说明：location.href与window.location.href等价

语法：location.hash

功能：返回URL中的hash(#号后 跟零或多个字符)，如果不包含则返回空字符串。

location对象的常用属性-2.host

语法：location.host

功能：返回服务器名称和端口号（如果有）

语法：location.hostname

功能：返回不带端口号的服务器名称。

语法：location.pathname

功能：返回URL中的目录和（或）文件名

Location对象的常用属性-3.port

语法：location.port

功能：返回URL中指定的端口号，如果没有，返回空字符串。

语法：location.protocol

功能：返回使用的协议

语法：localtion.search

功能：返回URL的查询字符串。这个字符串以问号开头。

学习目标

1.掌握位置操作

2.掌握location.reaplace

3.掌握location.reload()

位置操作

改变浏览器位置的方法：location.href属性

location对象其他属性也可以改变URL：

location.hash

location.search

Location.replace()

语法：location.replace(url)

功能：重新定向URL

说明: 使用location.replace不会在历史记录中生成新纪录

location.reload()

语法：location.reload()

功能：重新加载当前显示的页面

说明：1.location.reload()有可能从缓存中加载

2.Localtion.reload(true)从服务器重新加载

学习目标

掌握BOM中的history对象

history历史对象

语法：history.back()

功能：回到历史记录的上一步

说明：相当于使用了history.go(-1)

语法：location.forward()

功能：回到历史记录的下一步

说明：相当于使用了history.go(1)

history历史对象

语法：history.go(-n)

功能：会带历史记录的前n步

语法：history.go(n)

功能：回到历史记录后 n步

学习目标

Screen对象及其常用属性

语法：screen.availWidth

功能: 返回可用的屏幕宽度

语法：screen.availHeight

功能：返回可用的屏幕高度

Navigator对象

学习目标

1.掌握Navigator对象的userAgent属性

2.掌握任何判断浏览器的类型

3.掌握任何判断设备的终端是移动还是PC

Navigator

UserAgent:用来识别浏览器名称、版本、引擎以及操作系统等信息的内容。