Location 对象

最新推荐文章于 2024-01-25 13:46:34 发布

置顶栈长

最新推荐文章于 2024-01-25 13:46:34 发布

阅读量261

点赞数

分类专栏：面向对象资料文章标签： url 浏览器对象 location

本文链接：https://blog.csdn.net/wdzhszyq/article/details/73885152

版权

资料同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

面向对象

14 篇文章 0 订阅

订阅专栏

Location 对象包含有关当前 URL 的信息。

Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。
Note注意：没有应用于Location对象的公开标准，不过所有浏览器都支持该对象。

1.assign()方法加载一个新的文档。

点击按钮在本页面加载一个新的页面
<body>
<input type="button" value="载入新文档" onclick="newDoc()">
</body>
<script>
    function newDoc(){
        window.location.assign("http://www.runoob.com")
    }
</script>

2.reload()方法用于刷新当前文档。

reload() 方法类似于你浏览器上的刷新页面按钮。
如果把该方法的参数设置为 true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

<body>
<input type="button" value="刷新文档" onclick="newDoc()">
</body>
<script>
    function newDoc(){
        location.reload();
    }
</script>

3.replace() 方法可用一个新文档取代当前文档。

<body>
<input type="button" value="载入新文档替换当前页面" onclick="newDoc()">
</body>
<script>
    function newDoc(){
        window.location.replace("http://www.runoob.com")
    }
</script>