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

Elina ·

更新时间:2024-05-16

· 217 次阅读

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

location history JavaScript

1024 个赞