JavaScript对象BOM总结

小菜鸟.. 2020-04-27 04:06:01

JavaScript对象BOM总结
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:唐文坚
撰写时间:2020年4月27日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BOM(Browser Object Model)
BOM在JS里有对象可以通过对象来操作浏览器
navigator(导航器)
userAgent(用户代理)
ActiveXObject(活跃对象)

查看浏览器的种类可以通过navigator(导航器)来查看浏览器的种类不过这个存在弊端
userAgent(用户代理)这个要比navigator要好列:console.log(navigator.userAgent);
可以结合这两个来判断是什么浏览器:
var ua=window.navigator.userAgent;
if(/firefox/i.test(ua)){
alert("这是火狐浏览器");
}else if(/chrome/i.test(ua)){
alert("这是谷歌浏览器");
}else if(/msie/i.test(ua)){
alert("这是IE浏览器");
}else if("ActiveXObject" in window){
alert("这是IE11浏览器");
}
由于IE11的特殊性要使用ActiveXObject(活跃对象)" in window来判断。
History(历史对象)
只要记住go(-1)浏览器向前一页,go(1)向后一页0估计就是本页了
列:<button onClick="history.go(-1);">go(-1)</button>
Location 对象属性示意图:

Hash:这个就是代表当前所在页面的的名称从#号开始
Host:和端口号和主机当前的URL
Hostname:返回当前主机的URL
Pathname:设置端口号与?之间的区域
Pore:设置返回当前的端口号
Protocol:返回或设置当前的路径开头的协议
Search:设置或返回?和#之间的内容。
location.replace(位置替换)
在括号里放入替换的路径,这个和A标签有点像不过A标签跳转后可以变回来这个不行。
...全文
21 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

2,100

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 非技术区
社区管理员
  • 非技术区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧