JSに基づいて操作が成功したら、自動的にページをジャンプします。


図のように:
在这里插入图片描述
ジャンプヒントページを作成します。
要求:
1.このページを開けたら、何の操作もしないなら、5秒後に自動的に新しい住所にジャンプします。例えば、Baiduのホームページです。
2.「戻る」ボタンを押すと前のページに戻ります。

<!DOCTYPE html>
<html>
 <head>
 <title>     </title> 
 <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>  
 </head>
 <body>
 <!--        -->
 
 <div><h1>    </h1></div>
 <div><a id ="p1">5</a>     <a href="http://www.baidu.com" rel="external nofollow" >  </a></div>
 <script type="text/javascript"> 
 
  
  
  //         ,          。
   
   var num = 100;
   function downTime(){
		 document.getElementById('p1').innerHTML=num;
     if(num>0){
      num--;
     }else{
       window.location = "http://www.baidu.com";
     }
     setTimeout("downTime()",1000);
   }
  //  window location history          。
  downTime();
 </script> 
</body>
</html>
PS:次はJavaScriptを見て5秒で自動的に新しいページにジャンプします。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>        </title>
<script type="text/javascript">
function countDown(secs,surl)
{
var jumpTo=document.getElementById('jumpTo');
jumpTo.innerHTML=secs;
if(--secs>0)
{
setTimeout("countDown("+secs+",'"+surl+"')",1000);//    
}
else{
location.href=surl;
}
}
</script>
</head>

<body>
<span id="jumpTo">5</span>       //www.jb51.net/
<script type="text/javascript">countDown(5,'//www.jb51.net');</script>
</body>
</html>

JSに基づいて操作が成功したら自動的にページにジャンプするという記事をここに紹介します。より多くの関連jsの自動ジャンプページの内容は以前の文章を検索してください。または下記の関連記事を引き続き閲覧してください。これからもよろしくお願いします。