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

【字号：大中小】日期：2023-07-05 15:12:44浏览：17作者：馨心

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

JavaScript

上一条：js select支持手动输入功能实现代码下一条：JavaScript中的构造函数和实例对象之间的关系(构造器)