JavaScript中的location、history、navigator对象实例介绍
更新时间：2023年05月16日 00:22:16 作者：码仙
这篇文章主要介绍了JavaScript中的location、history、navigator对象实例介绍,需要的朋友可以参考下
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 = "//www.jb51.net";//属性----------------->必须记住
location.assign("//www.jb51.net");//方法
//重新加载--刷新
location.reload();
//没有历史记录
location.replace("//www.jb51.net");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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了js中的this的指向问题以及相关知识点内容，需要的朋友们参考学习下。2019-08-08
JavaScript实现QueryString获取GET参数的方法
本文为大家详细介绍下如何通过JavaScript实现QueryString获取GET参数，具体实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
通过判断UA中是否有关键字micromessenger，有的话则是微信内置浏览器。下面小编给大家分享实现代码，代码简单易懂，需要的朋友可以参考下2016-06-06
本文通过案例给大家介绍了JavaScript fetch接口,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-08-08
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
这篇文章主要介绍了KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定的相关资料,需要的朋友可以参考下2016-10-10
最常见的方式是使用js函数操作excle文件，这种方式可能因浏览器不同，存在兼容性问题。另一种简单方法就是导出一个excel能识别格式的xml文件，用excel打开。2013-07-07
这篇文章主要介绍了浅谈JavaScript中的“!!”作用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
这篇文章主要介绍了基于javascript实现最简单的选项卡切换效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要介绍了javascript头像上传代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
本文给大家分享uniapp中引入mqtt的全过程，在uniapp项目根目录下分别运行安装mqtt和uuid的命令行，因为后面会用uuid生成mqtt的clientId，文中给大家介绍mqtt和uuid安装过程，感兴趣的朋友跟随小编一起学习下吧2021-05-05
最新评论