location对象的几个重要属性

最新推荐文章于 2024-04-29 15:41:52 发布

前端-斯达迪

最新推荐文章于 2024-04-29 15:41:52 发布

阅读量359

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_53278657/article/details/129037144

版权

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了JavaScript中location对象的重要属性，如href用于获取当前URL，reload用于刷新页面，以及search用于处理查询参数。同时，展示了如何通过修改location.href或使用assign、replace方法来实现页面跳转。在实际应用中，如刷新页面功能，location.reload()被用于更新页面内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、location的几个重要属性

location.href:表示当前访问的完整地址

location.reload重新加载页面

location.search表示地址中携带的参数

2、地址操作

<button>百度一下</button>
<script>
    // 完成对浏览器上地址栏的控制
    // 读取到当前访问的地址
    console.log(location.href);
    // 实现跳转
    document.querySelector('button').onclick = function(){
        // 1、直接修改href属性 只要修改完成 浏览器就自动的跳转
        // location.href = 'https://www.baidu.com';
        // 2、使用assign方法完成跳转
        // location.assign('https://www.baidu.com')
        // location.replace('https://www.baidu.com')
    }
</script>

3、刷新网页

<button class="flush">刷新健康码</button>
<script>
    document.querySelector('.flush').onclick = function(){
        // 企业级的 刷新功能需要更新数据(缓存处理)
        location.reload();
    }
 </script>