# BOM(浏览器对象模型)
## window
#### 定义
* window是js在浏览器环境中 全局变量
* 函数就是window的方法
* 全局变量就是window的属性


#### 属性
* document
* location
* history
* screen
* navigator
* innerWidth   文档区域宽度
* innerHeight  文档区域高度
* outerWidth   浏览器窗口宽度
* outerHeight  浏览器窗口高度
* name 窗口的名字
* parent  父窗口
* top       顶层窗口
* length  子窗口的数量
* frames   子窗口的集合

 

cursor:pointer;光标为呈现一只手的样子;

<button οnclick="window.open('01s.html/网址','是本窗口的打开的话对本窗口命名写上名字','width=400,height=400')">对打开的窗口设置宽高</button>
#### 方法
* alert()   警告框
* confirm()   确认框
* prompt()   可输入弹框
* setInterval()
* clearInterval()
* setTimeout()
* clearTimeout()
* open() 打开新窗口
* close()  关闭窗口
* print()   打印
08.30 javascript BOM &DOM

 

08.30 javascript BOM &DOM

 

08.30 javascript BOM &DOM

 

08.30 javascript BOM &DOM

 



## location (地址位置)
#### 属性
* href  完整的url
* protocol   协议
* hostname  主机名
* port   端口号
* host    主机名和端口号
* pathname  文件路径
* search   查询部分
* hash     锚点部分
#### 方法
* reload() 重新加载当前文档。
* assign() 保存记录
* replace()不保存记录
08.30 javascript BOM &DOM

 


## history (历史记录)
#### 属性
* length  历史记录的数量

#### 方法
* back()  回退一步
* forward()  前进一步
* go(n)  前进/后退 n步

08.30 javascript BOM &DOM

 


## screen (屏幕)
#### 属性
* width  屏幕宽度
* height 屏幕高度
08.30 javascript BOM &DOM

 



## navigator (导航)
#### 属性
* userAgent    平台、浏览器相关的信息
* platform      平台

08.30 javascript BOM &DOM

 





# DOM (文档对象模型)



# 补充
### 浏览器内核
* 内核应该包含 渲染引擎 \ JS引擎
* 渲染引擎负责渲染HTML和CSS, JS引擎负责运行JS
* 现在提到浏览器内核也可以单指渲染引擎

### 常见的浏览器内核
* webkit   (chrom safari)
* blink      (webkit的改型,  chrome、opera)
* trident     IE
* Gecko    Firfox
* Kestrel  老欧朋

### URL URI 区别
* URI 标准  中包含 URN 和 URL
* URI:  统一资源标示符
* URN:统一资源命名符
* URL: 统一资源定位符

 

08.30 javascript BOM &DOM

 

分类:

技术点:

相关文章: