JavaScript学习笔记六

一、如何识别浏览器的类型

answer

1. 用 navigator 的 userAgent 属性，查看当前浏览器的信息
2. 再用indexOf 来识别信息中关键字，例如 谷歌浏览器 的关键字： Chrome

二、分析拆解 URL 各个部分

answer
用 location 对象的各种属性

1. href：当前页面的地址
2. protocol ：当前页面的协议
3. host ：当前页面的域名
4. pathname ： 当前页面的存储地址
5. search ： 当前页面查询的内容，？后面
6. hash ：当前页面哈希（锚部分） ，# 后面

三、navigator、screen、location、history ( knowledge point )

1、navigator

== userAgent ： 看一下当前浏览器的信息 ==

const ua = navigator.userAgent
const isChrome = ua.indexOf('Chrome')
console.log(isChrome)

2、screen

console.log(screen.width)
console.log(screen.height)

3、location

console.log(location.href) 			// 表示当前页面的整个网址
console.log(location.protocal)		// 看当前页面的协议 ‘http:’ 还是 ‘https:’
console.log(location.host)			// 看当前页面的域名 
console.log(location.pathname)		// 查看浏览器的路径
console.log(location.search)		// 就是？后面的内容 ，即要查询的部分
console.log(location.hash)			// 哈希 就是# 后的内容

4、history

history.back()		// 后退上一个页面，就是左上角按钮 ，←
history.forward()	// 前进下一个界面，就是左上角按钮 ，→