location对象
# location对象
window对象提供一个location属性用于获取或设置窗体的URL,并解析URL
该属性返回一个对象,所以我们将这个属性称为location对象
5.2 URL 统一资源定位符
// location对象属性
/*
* location.href 获取整个URL
* location.search 返回参数
* */
// 案例:5秒后跳转页面
let btn = document.querySelector('button')
let time = 5
btn.addEventListener('click', function () {
setInterval(function () {
if (timer === 0) {
location.href = 'http://www.baidu.cn'
} else {
div.innerHTML = `您将在${timer}秒之后跳转页面`
timer--
}
}, 1000)
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// location对象方法
/*
* 1.location.assign() 跟href一样 可以跳转页面(也称为重定向页面) 记录浏览历史 实现后退功能
* 2.location.replace() 替换当前页面,因为不记录历史 所以不能后退页面
* 3.location.reload() 重新加载页面,相当于刷新按钮或f5 如果参数为true强制刷新CTRL+f5
* */
1
2
3
4
5
6
2
3
4
5
6
上次更新: 2024/08/14, 04:14:33