JavaScript中的location、history、navigator对象实例介绍
更新时间：2023年05月16日 00:22:16 作者：码仙
这篇文章主要介绍了JavaScript中的location、history、navigator对象实例介绍,需要的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
1.location
//地址栏上#及后面的内容
console.log(window.location.hash);
//主机名及端口号
console.log(window.location.host);
//主机名
console.log(window.location.hostname);
//文件的路径---相对路径
console.log(window.location.pathname);
//端口号
console.log(window.location.port);
//协议
console.log(window.location.protocol);
//搜索的内容
console.log(window.location.search);
//设置跳转的页面的地址
location.href = ";//属性----------------->必须记住
location.assign(");//方法
//重新加载--刷新
location.reload();
//没有历史记录
location.replace(");2.history
<body>
<input type="button" value="跳过去" id="btn1"/>
<input type="button" value="前进" id="btn2"/>
<script>
//跳转的
document.getElementById("btn1").onclick = function () {
window.location.href = "http://www.baidu.com";
};
//前进
document.getElementById("btn2").onclick = function () {
window.history.forward();
};
</script>
</body>历史记录的后退和前进 history: back()后退 forward()前进
3.navigator
<script>
//通过userAgent可以判断用户浏览器的类型
console.log(window.navigator.userAgent);
//通过platform可以判断浏览器所在的系统平台类型.
console.log(window.navigator.platform);
</script>到此这篇关于JavaScript中的location、history、navigator对象实例介绍的文章就介绍到这了,更多相关js location、history、navigator内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家！
相关文章
这篇文章主要为大家整理了7个JavaScript中Object的常用方法的使用，文中的示例代码讲解详细，对我们掌握JavaScript有一点的帮助，感兴趣的可以了解一下2023-02-02
这篇文章主要介绍了webpack组织模块打包Library的原理及实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
这篇文章主要为大家详细介绍了简单实现js选项卡切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要为大家详细介绍了JavaScript绑定事件监听函数的通用方法，感兴趣的朋友可以参考一下2016-05-05
这篇文章主要介绍了JavaScript实现汉字转换为拼音及缩写的方法,结合实例形式分析了javascript数组遍历、转换实现汉字转拼音相关操作技巧,需要的朋友可以参考下2019-03-03
这篇文章主要介绍了一些工作中常用js功能的汇总，帮助大家提高工作效率，加深对js的理解，感兴趣的朋友可以了解下2020-11-11
这篇文章主要介绍了对JavaScript中this指针的新理解分享,本文讲解了方法调用模式、函数调用模式、构造函数调用模式、Apply调用模式中的this指针理解,需要的朋友可以参考下2015-01-01
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
昨天到今天上午都在查一个IE的bug，情形如下：通过异步请求获取json数据，然后拼接成html代码，最后使用innerHTML类似方法插入到文档流中。在chrome下和IE8\9下均表现正常。结果已进入IE7，浏览器就崩溃，更别提IE6了，也是一副死给你看的样子。于是我就把这个bug定位于IE6\7，其实这时候我已经陷入了这个固定思维模式中，浪费了不少时间2013-05-05
这篇文章主要介绍了Bootstrap中定制LESS-颜色及导航条的相关资料，非常不错具有参考借鉴价值，感兴趣的朋友一起看看吧2016-11-11
下面小编就为大家分享一篇解决Jstree 选中父节点时被禁用的子节点也会选中的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
最新评论