<!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <br /> <a href="#target1">第一个锚点</a> <a name="target1"></a> <br /> <!--先编写好网页布局--> <h2>操作成功</h2> <span id="djs">5</span>秒后回到主页 <a href="javascript:" onclick="window.history.back();">返回</a> <script type="text/javascript"> var t = 5; function cuttime(){ document.getElementById('djs').innerHTML=t; t = t - 1; setTimeout("cuttime()",1000); if(t==0){ window.location.replace("https://www.imooc.com/"); } } cuttime(); //获取显示秒数的元素,通过定时器来更改秒数。 //通过window的location和history对象来控制网页的跳转。 </script> </body> </html>
修正后正常运行的代码:
<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<br />
<a href="#target1">第一个锚点</a>
<a name="target1"></a>
<br />
<!--先编写好网页布局-->
<h2>操作成功</h2>
<span id="djs">5</span>秒后回到主页 <a href="javascript:" onclick="window.history.back();">返回</a>
<script type="text/javascript">
var t = 5;
function cuttime(){
document.getElementById('djs').innerHTML=t;
t = t - 1;
var g = setTimeout("cuttime()",1000);
if(t==0){
clearTimeout(g);
window.location.replace("https://www.imooc.com/");
}
}
cuttime();
//获取显示秒数的元素,通过定时器来更改秒数。
//通过window的location和history对象来控制网页的跳转。
</script>
</body>
</html>
重复点击第一个锚点,再点返回,会出现这样的现象