JavaScript中的location、history、navigator对象

最新推荐文章于 2022-11-24 22:13:51 发布

码仙♥

最新推荐文章于 2022-11-24 22:13:51 发布

阅读量931

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/tswc_byy/article/details/82888287

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

0.码仙励志

成功不是将来才有的，而是从决定去做的那一刻起，持续累积而成

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 = "http://www.jd.com";//属性----------------->必须记住
location.assign("http://www.jd.com");//方法
//重新加载--刷新
location.reload();
//没有历史记录
location.replace("http://www.jd.com");

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>

本篇博客来自于传智播客视频教程的总结以及笔记的整理，仅供学习交流，切勿用于商业用途，如有侵权，请联系博主删除，博主QQ：194760901