location对象

70 阅读1分钟

location 的数据类型是对象,它拆分并保存了 URL 地址的各个组成部分

常用属性和方法:

href

location.href

href 属性获取完整的 URL 地址,对其赋值时用于地址的跳转

image.png

search

location.search

search 属性获取地址中携带的参数,符号 ?后面部分

image.png

hash

location.hash

hash 属性获取地址中的哈希值,符号 # 后面部分

image.png

reload

location.reload()

reload 方法用来刷新当前页面,传入参数 true 时表示强制刷新

<button class="reload">刷新</button>

<script>
    const reload = document.querySelector('.reload')
    reload.addEventListener('click', function () {
    // f5 刷新页面
    location.reload()
    // 强制刷新  ctrl+f5
    location.reload(true)
    })
</script>

总结

location.href 属性获取完整的 URL 地址,对其赋值时用于地址的跳转

search 属性获取地址中携带的参数,符号 ?后面部分

hash 属性获取地址中的啥希值,符号 # 后面部分

reload 方法用来刷新当前页面,传入参数 true 时表示强制刷新