JS//BOM

JS——BOM

Browser Object Model（浏览器对象模型）

1 知识点

①navigator
②screen
③location
④history

// navigator
var ua = navigator.userAgent
var isChrome = ua.indexOf('Chrome')
console.log(ua)   
    //Mozilla/... Chrome/....
console.log(isChrome)    //81

// screen
console.log(screen.width)  //1200
console.log(screen.height)  //800

// location
console.log(location)  //Location {href: ...,
console.log(location.protocol)  //http:
console.log(location.host)  //127.0.0.1:5500
console.log(location.pathname)  ///BOM%E6%93%8D%E4%BD%9C.html
console.log(location.search)  //?a=b
console.log(location.hash)  //
console.log(location.port)  //5500

//history
history.back()
history.forward()

2 问答

题目：
*如何检测浏览器的类型
*拆解url的各部分

2.1 如何检测浏览器的类型

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

2.2 拆解url的各部分

http://coding.m.imooc.com/classindex.html?cid=99#mid=100

location.protocol  //http:
location.host  //coding.m.imooc.com
location.pathname  //classindex.html
location.search  //cid=99
location.hash  //#mid=100

另外可通过修改 location.href 的值来改变地址进行跳转