webveuje/js/kejian/bom.md
2021-03-23 10:58:10 +08:00

1.8 KiB
Raw Blame History

Bom

bom 全称是浏览器对象模型 ,他提供的是浏览器操作的方法 bom 组成:

  • window对象 js顶层对象 全局global
  • location 浏览器当前url信息
  • screen 客户端屏幕信息
  • navigator 浏览器本身信息
  • history 记录历史信息

window

  • 通过js通过浏览器访问的接口
  • esma 规定的global对象
var a=9
console.log(a) //9
console.log(window.a)
console.log(top) //top 指的是顶层对象也等于window

window 对象的方法有: alert() confirm() //弹出一个确认框 prompt() //弹出一个带输入框的弹窗 open(url,打开方式,新窗口的尺寸) 打开方式 默认新窗口打开 self/black close() 关闭当前的网页

窗口的尺寸 document.documentElement.clientWidth 和document.documentElement.clientHeight (非严格模式)

pageWidth = document.body.clientWidth; pageHeight = document.body.clientHeight;(严格模式)

location

window.location.href(url) 页search 返回?号后面的所有值。 port 返回URL中的指定的端口号如URL中不包含端口号返回空字符串

portocol 返回页面使用的协议。 http:或https:面跳转

navigator

navigator.platform操作系统类型 navigator.userAgent浏览器设定的User-Agent字符串。 浏览器相关信息都能返回 navigator.appName浏览器名称 navigator.appVersion浏览器版本 navigator.language浏览器设置的语言

screen

存储客户端屏幕信息 属性: screen.availWidth //屏幕宽度 screen.availHeigh //屏幕高度

history

包含浏览器的浏览历史 history.back() 返回上一页 history.forward() 返回下一页

本地缓存 localstorage

localStorage.setItem(键,值) 存值 localStorage.getItem(键) 取值 localStorage.clear(); 清空 localStorage.removeItem(键); 删除