效果圖: 網頁佈局 <p>操作成功</p> <strong>5</strong><span>秒後回到主頁</span><a href="javascript:history.back();">返回</a> 任務: 1.打開網頁後,如果不做任何操作則返回到一個新的頁面 var num=document ...
效果圖:
網頁佈局
<p>操作成功</p>
<strong>5</strong><span>秒後回到主頁</span><a href="javascript:history.back();">返回</a>
任務:
1.打開網頁後,如果不做任何操作則返回到一個新的頁面
var num=document.getElementsByTagName("strong")[0].innerHTML;
//獲取顯示秒數的元素,通過定時器來更改秒數。
function count(){
num--;
document.getElementsByTagName("strong")[0].innerHTML=num;
if(num==0){
location.assign("www.imooc.com");
}
}
setInterval("count()",1000);
2.點擊返回則返回到前一個頁面
function backTo(){
window.history.back();
}
location和history是window中的對象
location.assign()方法用來載入一個新的文檔
history.back()方法可以載入歷史列表中的前一個URL