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