模拟网页自动跳转

最新推荐文章于 2022-09-27 08:00:54 发布

嘴强程序员

最新推荐文章于 2022-09-27 08:00:54 发布

阅读量227

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_62898618/article/details/123285548

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">

		// location对象  --属于window对象的子对象.
		// href属性:设置或获取URL地址(网址)
		
		//加载函数
		window.onload = function(){
			//获取当前网页的URL地址
			var url = window.location.href;
			console.log(url);

			//获取按钮(根据id)
			var oBtn = document.getElementById("oBtn");
			//调用标签的事件属性
			oBtn.onclick = function(){
				location.href = "https://blog.csdn.net/qq_62898618?type=blog";
			};


			//定时器 setTimeout();
			var date = 5;
			var timer = window.setInterval(function(){
				var sid = document.getElementById("sid");
				if(date == 0){
					window.location.href = "https://blog.csdn.net/qq_62898618?type=blog";
				}else{
					sid.innerHTML = date;
					date--;
				}
				
			},1000);

			var aid = document.getElementById("aid");
			aid.onclick = function(){
				//关闭定时器
				window.clearInterval(timer);
				window.location.href = "https://blog.csdn.net/qq_62898618?type=blog";
			};
		};
	</script>

</head>
<body>
	<h2>这是小电影网站</h2>
	<button id="oBtn">跳转到电影网</button>
	<hr>
	<h2 style="text-align: center">网页突然走丢了</h2>
	<h3 style="text-align: center;"><span id="sid" style="color: red">5</span>秒之后跳转到首页<a id="aid" href = "javascript:void(0)">立刻返回首页</a></h3>
</body>
</html>

嘴强程序员

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模拟网页自动跳转

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> // location对象 --属于window对象的子对象. // href属性:设置或获取URL地址(网址) //加载函数 window.onload .
复制链接

扫一扫