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头