課程
/前端開發
/JavaScript
/JavaScript進階篇
慕課網的驗證雖然過了,但是自己在瀏覽器上試的時候計數到0后還會繼續向下,我確實沒提供可以back的網頁,也清楚大概是函數if執行完之后,繼續向下死循環執行。但我不清楚這里面的機制,如果history.back()沒有鏈到新的網頁,原網頁就會這樣么?所有東西都不會被打斷么?
2015-10-28
源自:JavaScript進階篇 8-17
正在回答
你在if里面判斷,然后跳出去不就行了
<!DOCTYPE html>
<html>
?<head>
? <title>瀏覽器對象</title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> ??
?</head>
?<body>
? <!--先編寫好網頁布局-->
? <p><span id="second">5</span>秒后回到主頁<a href="window.history.back()">返回</a></p>
??
?
? <script type="text/javascript"> ?
?var num=5;
? ?//獲取顯示秒數的元素,通過定時器來更改秒數。
? ?var i=setInterval("countSecond()",1000);
? ?function countSecond(){
? ? ?if(num==0){
? ? ? ?location="";
? ?}
? ? document.getElementById("second").innerHTML=num;
? ? num--;
? ?//通過window的location和history對象來控制網頁的跳轉。
? ?
}
?</script>?
</body>
</html>
這樣子寫:
<!DOCTYPE?html> <html> ?<head> ??<title>瀏覽器對象</title>?? ??<meta?http-equiv="Content-Type"?content="text/html;?charset=gkb"/>??? ?</head> ?<body> ??<!--先編寫好網頁布局--> ??<h1>操作成功</h1> ??<span?style="font-size:25px"?id="second"></span>秒后回到主頁 ??<a?href="javascript:back()"?style="font-size:25px">返回</a> ? ??<script?type="text/javascript">?? ? ???//獲取顯示秒數的元素,通過定時器來更改秒數。 ????var?sec=5; ????function?change(){ ???????? ????????sec--; ????????console.log(sec); ????????if(sec==0){ ????????????console.log(history.back()); ????????????return?history.back(); ????????} ????????document.getElementById("second").innerHTML=sec; ????????setTimeout(change,1000); ????} ????change(); ???? ???? ???//通過window的location和history對象來控制網頁的跳轉。 ?? ?</script>? </body> </html>
出世Sunny 提問者
menghuanbaolei 回復 出世Sunny 提問者
出世Sunny 提問者 回復 menghuanbaolei
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
1 回答設計計數器
1 回答求解關于計數器的例子問題
1 回答為什么倒計時到負數才跳轉?
4 回答計算不大于10的整數?負數算嗎?
1 回答為什么不需要在計數函數內清空計數器也能勻速計數?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-11-27
你在if里面判斷,然后跳出去不就行了
2015-11-19
<!DOCTYPE html>
<html>
?<head>
? <title>瀏覽器對象</title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> ??
?</head>
?<body>
? <!--先編寫好網頁布局-->
? <p><span id="second">5</span>秒后回到主頁<a href="window.history.back()">返回</a></p>
??
?
? <script type="text/javascript"> ?
?var num=5;
? ?//獲取顯示秒數的元素,通過定時器來更改秒數。
? ?var i=setInterval("countSecond()",1000);
? ?function countSecond(){
? ? ?if(num==0){
? ? ? ?location="";
? ?}
? ? document.getElementById("second").innerHTML=num;
? ? num--;
? ?//通過window的location和history對象來控制網頁的跳轉。
? ?
}
?</script>?
</body>
</html>
2015-10-29
這樣子寫: