location对象的几个重要属性

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>