<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>location常用方法</title>
</head>
<body>
<input type="button" id="btn" value="跳转页面">
<script>
var btn = document.getElementById('btn');
btn.onclick = function () {
//打印本地文件路径地址
//console.log(location.href);
location.href = 'https://www.baidu.com';
// assign 委派
// assign() 的作用和href的作用一样。可以让页面跳转到指定的地方,后退按钮可用
// location.assign('https://www.baidu.com');
// 替换掉地址栏中的地址,但是不记录历史,也就是后退按钮不可用
// location.replace('https://www.baidu.com');
// 重新加载 refresh <=> f5
// 参数 true 强制从服务器获取页面 false 如果浏览器有缓存的话,直接从缓存获取页面
//location.reload(true); //这是跳转按钮和页面上的刷新作用相同
// f5 刷新页面,可能从缓存中加载 Ctrl+f5 强制刷新 从服务器获取页面
}
</script>
</body>
</html>
location常用方法
最新推荐文章于 2024-01-07 20:37:25 发布