08.30 javascript BOM &DOM

Posted 2020-10-04 说一是二

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


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

 

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

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

 

 

 

 

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

 

## history （历史记录）
#### 属性
* length  历史记录的数量

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

 

## screen （屏幕）
#### 属性
* width  屏幕宽度
* height 屏幕高度

 

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

 

# 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： 统一资源定位符