JS——BOM

目录

BOM

window对象

window对象的方法

location对象

location对象的常用属性

location对象方法

history对象

screen对象(不常用)

navigator对象

---

BOM

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

BOM对象有: window  navigator  screen  history  location  document  event用于访问浏览器的功能

window对象

window既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAscript规定的Global对象.

                

所有的全局变量和全局方法都被归在window上

window对象的方法

弹出警告框 确认框 输入框的方法---------------

window.alert("content")

window.confirm("message")   显示一个带有指定消息和OK及取消按钮的对话框,返回值分别为true和false

window.prompt("text,defaultText")  text: 要在对话框中显示的纯文本,不是html格式的文本.  defaultText: 默认的输入文本.   如果用户点击取消,返回null, 如果点击确认,返回输入字段当前显示的文本.

三个方法中如果文本需要换行,方法为:  \n

---

打开和关闭窗口的方法--------------

window.open(pageURL,name,parameters)

打开一个新的浏览器窗口或者查找一个已经命名的窗口

pageURL: 子窗口路径

name: 子窗口句柄(name声明了新窗口的名称,方便后期通过name对子窗口进行引用)

parameters: 窗口参数(各参数用逗号分隔),参数包括

window.close()    关闭当前窗口 

---

定时器的方法------------

超时调用  setTimeout( code,millisec)

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

code: 要调用的函数或要执行的JavaScript代码串       millisec: 在执行代码前需等待的毫秒数 

该方法返回一个ID值,通过它取消超时调用

clearTimeout(id_of_settimeout)

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

 

间歇调用

 setInterval(code,millisec)

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

 取消间歇调用  clearInterval(id_of_setInterval)

location对象

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

location对象的常用属性

location.href

返回当前加载页面的完整URL     location.href 与 window.location.href等价

location.hash

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

location.host

返回服务器名称和端口号(如果有)

location.hostname

返回不带端口号的服务器名称

location.pathname

返回URL中的目录和文件名

location.port

返回URL中指定的端口号,如果没有,返回空字符串

location.protocol

返回页面使用的协议

location.search

返回URL的查询字符串.这个字符串以问号开头.

location对象方法

location.replace(url)

重新定向URL. 使用该方法不会在历史纪录中生成新纪录.使用location.href=" "会留下历史纪录.

location.reload()

重新加载当前显示的页面.刷新

如果页面自上一次请求过后没有改变过,从缓存中加载.  如果传递参数true,从服务器重新加载.一般将reload放在代码的最后

history对象

history对象保存了用户在浏览器中访问页面的历史纪录

history.back()

回到历史纪录的上一步,相当于使用了history.go(-1).如果参数为-2,则返回到前两步

history.forward()

回到历史纪录的下一步,相当于使用了history.go(1)

screen对象(不常用)

screen对象包含有关客户端显示屏幕的信息

screen.availWidth     返回可用的屏幕宽度

screen.availHeight     返回可用的屏幕高度

返回窗口的宽和高: window.innerWidth  window.innerHeight

navigator对象

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