【JS】Web前端对象之Browser对象

0x01 前言

之前对于Web前端不是很擅长，大概是总接触服务端的东西吧，之前有个面试问到了前端方面的知识，才发现自己的前端是有多烂，所以这里记一记笔记吧~

0x02 Window对象

1. 概念
   window对象是浏览器打开一个窗口。当HTML文档中包含iframe或frame的时候，浏览器会为HTML文档创建一个window对象，并为每一个iframe再额外创建一个window对象

2. 常用对象属性

• document
  对Document对象的只读引用

• frames
  返回窗口中所有命名的frame框架，该属性是一个数组。

• history
  对History对象的只读引用

• location
  对Location对象的只读引用

• navigator
  对Navigator对象的只读引用

• opener
  返回对创建此窗口的窗口引用

• parent
  返回父窗口

• self
  返回当前窗口

• top
  返回最上层的父窗口

3. 常用对象方法

• alert()
  弹警告窗

• confirm()
  弹确认窗

• open() / close()
  打开/关闭 窗口

• print()
  打印当前窗口的内容

• focus()
  给予当前窗口焦点

• blur()
  把键盘焦点从顶层窗口移开

• setTimeout()
  在指定的毫秒数后调用函数或计算表达式

• setInterval()
  按照指定的周期（以毫秒计）来调用函数或计算表达式

• execScript()
  与eval类似

0x03 Location对象

1. 概念

Location对象包含当前URL的信息，可以用window.location访问

2. 常用对象属性

• hostname
  返回主机名

• pathname
  返回路径名

• host
  返回主机名和端口号

• port
  返回端口号

• protocol
  返回协议

• hash
  返回锚部分（#后面的内容）

• href
  返回完整的url

• search
  返回查询部分（？后面的内容）

3. 常用对象方法

• assign()
  加载新文档（就是访问一个网页）

• reload()
  重新载入当前文档（刷新）

• replace()
  用新文档替换当前文档

0x04 History对象

1. 概述

History对象包含用户（在浏览器中）访问过的URL

2. 常用对象属性

• length
  返回History列表中URL数量

3. 常用对象方法

• back()
  加载前一个History列表前一个URL

• forward()
  加载后一个History列表后一个URL

• go()
  直接加载一个History列表中具体的URL

0x05 Navigator对象

1. 概述

Navigator对象包含浏览器的信息

2. 常用对象属性

• appCodeName
  返回浏览器代码名称

• appName
  返回浏览器名称

• appVersion
  返回浏览器平台和版本信息

• cookieEnable
  返回浏览器是否启用cookie

• platform
  返回运行浏览器的操作系统的版本

• userAgent
  返回浏览器的UA头