html页面跳转方法整理

最新推荐文章于 2024-06-28 10:17:09 发布

小糖子先森

最新推荐文章于 2024-06-28 10:17:09 发布

阅读量295

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/tang242424/article/details/80672120

版权

html 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!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>

小糖子先森

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html页面跳转方法整理

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;!-- 以下方式只是刷新不跳转到其他页面 --&gt; &lt;!--&lt;meta http-equiv="refresh" content="10"&gt;--&am
复制链接

扫一扫

专栏目录