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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了Json Web Token在前后端实践思考分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要介绍了JS实现图片产生波纹一样flash效果的方法,通过递归调用自定义函数f_wave实现波纹效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了JS获取填报扩展单元格控件的值的解决办法,需要的朋友可以参考下2017-07-07
Vue项目vscode 安装eslint插件的方法(代码自动修复)
这篇文章主要介绍了Vue项目vscode 安装eslint插件的方法 代码自动修复,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了javascript实现详细时间提醒信息效果的方法,涉及javascript操作时间的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要给大家介绍了关于JS中6个对象数组去重的方法,javascript数组去重是一个比较常见的需求,解决方法也有很多种,文中每种解决方法都给出了示例代码,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了JSON遍历方式,结合实例形式总结分析了JavaScript操作json实现遍历的常用技巧,并给出了实例总结,需要的朋友可以参考下2015-12-12
axios是一个基于Promise用于浏览器和nodejs的HTTP客户端,下面这篇文章主要给大家介绍了关于axios概念介绍和基本使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
我们在获取一组页面元素时常会用到getElementsByName()或是getElementsByTagName()方法。2010-05-05
本文主要介绍DWR实现模拟Google搜索效果实现原理，感兴趣的朋友可以了解下，或许对你的DWR学习有帮助，闲话就不多说了，看代码了2013-01-01
最新评论