BOM(brower object model)的缩写,简称浏览器对象模型,专门操作浏览器的API

history:封装当前窗口打开后的历史记录栈

location:封装当前窗口正在打开的url对象

navigation:封装浏览器的配置信息

document:DOM

screen:封装显示设备的信息

event:封装事件的对象

BOM的API:

window.history:操作浏览器记录

      前进:history.go(1)

      后退:history.go(-1)

      刷新:history(0)

 

window.location:操作刷新按钮和地址栏

        location.assign(“url”)当前窗口打开新url

        ->location.href=”url”

       ->location=”url”

        location.replace(“url”)在当前窗口打开新url,禁止后退

        其实用新url,代替history中当前url

        location.reload(false/true)重新加载当前页面

        参数:force强制:是否绕过缓存,直接从服务器硬盘获取数据。默认falsh,不强制。

假设初始URL为:http:www.wrox.com/wileyCDA/

属性名例子说明
hash"#content"返回URL中的hash(#后面跟零或多个字符),如果url中不包含散列,则返回空字符串
host"www.wrox.com:80"返回服务器名称和端口号
hostname"www.wrox.com"返回不带端口号的服务器名称
href"http://www.wrox.com"返回当前加载页面的完整的url。而location对象的toString()方法也返回这个值
pathname"/wileyCDA/"返回URL中的目录和文件名
port"8080"返回URL中指定的端口号。如果URL中不包含端口号,则这个属性返回空字符串
protocol"http:"返回页面使用的协议。通常是“http:”或“https:”
search"?q=javascript"返回URL的查询字符串。这个字符串以问号开头

window.navigator:返回当前浏览器信息

navigator.userAgent:获得HTTP请求的用户带头的值

window.open()/close():打开和关闭窗口

window.sreen获得显示设备的分辨率

       获得屏幕完整分辨率:screen.width/height

window.innerWidth/innerHeight:浏览器窗口的视口宽高

 

 

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐