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 的值来改变地址进行跳转