前端开发面试题之几个很实用的 BOM 属性对象方法

⭐️ 作者：船长在船上
🚩主页：来访地址船长在船上的博客
🔨 简介：高级前端开发工程师，专注前端开发，欢迎咨询交流，共同学习！

👉👉👉 欢迎来访船长在船上的博客，如有疑问可以留言、评论，看到后会及时回复。 

 

 

参考回答：

什么是 Bom? Bom 是浏览器对象。有哪些常用的 Bom 属性呢？

 

(1)location 对象

 

location.href-- 返回或设置当前文档的 URL

 

location.search -- 返回 URL 中的查询字符串部分。例

如 http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu 返回包括(?)后面的内

容?id=5&name=dreamdu

 

location.hash -- 返回 URL#后面的内容，如果没有#，返回空

 

location.host -- 返回 URL 中的域名部分，例如 www.dreamdu.com

 

location.hostname -- 返回 URL 中的主域名部分，例如 dreamdu.com

 

location.pathname -- 返回 URL 的域名后的部分。例如 http://www.dreamdu.com/xhtml/ 返

回/xhtml/

 

location.port -- 返回 URL 中的端口部分。例如 http://www.dreamdu.com:8080/xhtml/ 返回

8080

 

location.protocol -- 返回 URL 中的协议部分。例如 http://www.dreamdu.com:8080/xhtml/ 返

回(//)前面的内容 http:

 

location.assign -- 设置当前文档的 URL

 

location.replace() -- 设置当前文档的 URL，并且在 history 对象的地址列表中移除这个

URL location.replace(url);

 

location.reload() -- 重载当前页面

 

(2)history 对象

 

history.go() -- 前进或后退指定的页面数 history.go(num);

 

history.back() -- 后退一页

 

history.forward() -- 前进一页

 

(3)Navigator 对象

 

navigator.userAgent -- 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字

符串)

 

navigator.cookieEnabled -- 返回浏览器是否支持(启用)cookie

 

 

 

 

🔔  感谢：如果觉得博主的文章不错或者对你的工作有帮助或者解决了你的问题，可以关注、支持一下博主，如果三连收藏支持就会更好，在这里博主不胜感激！！！如有疑问可以留言、评论，看到后会及时回复。