一、window.location.href 是实现页面链接跳转
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>浏览器对象</title>
<style>
div{
width: 500px;
margin:0 auto;
}
</style>
</head>
<body>
<!--先编写好网页布局-->
<div>
<h2>操作成功</h2>
<span id="time">5</span>秒后回到主页<a id="back" href="javascript:goBack()">返回</a>
<input type="button" value="你好" id="btn">
</div>
<script type="text/javascript">
//获取显示秒数的元素，通过定时器来更改秒数。
var num=5;
var cont=document.getElementById(‘time‘);
function cutTime(){
num--;
cont.innerHTML=num;
if(num==0)
{
//通过window的location和history对象来控制网页的跳转。
window.location.href=("http://www.profilexiang.sinaapp.com");
// window.open("http://www.baidu.com","_self");
return false;
}
}
setInterval("cutTime()",1000);
var oBtn=document.getElementById(‘btn‘);
function goBack(){
window.history.go(-1);
}
</script>
</body>
</html>
页面倒计时返回例子，慕课练习
时间： 2024-12-16 06:35:45