<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 以下方式只是刷新不跳转到其他页面 -->
<!--<meta http-equiv="refresh" content="10">-->
<!-- 以下方式定时转到其他页面 -->
<!--<meta http-equiv="refresh" content="5;url=https://www.baidu.com">-->
<title></title>
</head>
<body>
<a href="https://www.baidu.com">跳转</a>
<button id="directNextpage" οnclick="window.location.reload('https://www.baidu.com')">跳转</button>
<div class="div1">跳转</div>
<div class="div2">跳转</div>
<!--1.通过window.open函数-->
<div οnclick="window.open('https://www.baidu.com')">在新窗口跳转</div>
<div οnclick="window.open('https://www.baidu.com','_self')">在当前窗口跳转</div>
<!--2.通过window.location.href函数-->
<div οnclick="window.location.href= 'https://www.baidu.com';return false">在当前窗口跳转</div>
<script>
var oDiv1 = document.querySelector('.div1');
var oDiv2 = document.querySelector('.div2');
oDiv1.onclick = function(){
window.location.reload('https://www.baidu.com')
}
oDiv2.οnclick=function(){
window.location.href="https://www.baidu.com";
}
</script>
</body>
</html>
html页面跳转方法整理
最新推荐文章于 2024-06-28 10:17:09 发布