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