1.8 KiB
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(键); 删除