JS每日一学：了解下JavaScript中的location、history、navigator的知识点

作者：andy0012023.05.30来源：Web前端之家浏览：2571评论:0

关键词：js

JS每日一学：了解下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>

赏您的支持是我们创作的动力！