JavaScript中的location、history、navigator对象实例介绍

月满楼 · 发表于 2023-5-17 11:07:21

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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

来源:https://www.jb51.net/javascript/284423.htm
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】我们会及时删除侵权内容，谢谢合作！