                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

通過window的location和history對象來控制網頁的跳轉

? ? ? ? //通過window的location和history對象來控制網頁的跳轉。

? ? ? ? function back() {

? ? ? ? ? ? window.history.back()

? ? ? ? } ? ? ? ?加上這個代碼到底有什么用啊又是什么意思啊

qq_因為太帥曾被砍_0

2016-12-21

源自：JavaScript進階篇 8-17

關注問題我要回答

3904

操作

收起

3 回答

慕粉3698897 回答被采納 +3 積分
2016-12-21

這一段函數封裝了一個back方法，功能是頁面跳轉。本意是通過調用back（）實現跳轉，我的就是這樣。你的代碼可能在其他地方已經實現了這個功能，所以去掉這一段還是可以跳轉，但我的代碼所有實現跳轉都是通過調用這個函數，所以我去掉這個函數，頁面是不動的。你可以看一下我的代碼：

<!DOCTYPE?html>
<html>
?<head>
??<title>瀏覽器對象</title>??
??<meta?http-equiv="Content-Type"?content="text/html;?charset=gkb"/>???
?</head>
?<body>
??<!--先編寫好網頁布局-->
??<h2>操作成功</h2>
??<p>
??????<span?id="time"></span>
??????秒后回到主頁
??????<a?href="javascript:;"?onclick="goback()">返回</a>??????//調用goback函數。
??</p>
?
??<script?type="text/javascript">
????var?num=5;
???
????function?start(){
????????if(num>0){
????????document.getElementById("time").innerHTML=num;
????????num--;
????????setTimeout("start()",1000);
????
????????}else{
???????????goback()????????????????????//調用goback函數。
????????}
????}?
?????setTimeout("start()",1000);
???//獲取顯示秒數的元素，通過定時器來更改秒數。

???//通過window的location和history對象來控制網頁的跳轉。
????function?goback(){????????????????????//封裝成goback函數。
????????window.history.back();
????}
?</script>?
</body>
</html>

1 回復有任何疑惑可以回復我~

收起回答

#1

qq_因為太帥曾被砍_0 提問者

原來如此謝謝了

2016-12-21 回復有任何疑惑可以回復我~

慕粉3698897
2016-12-21

這一段函數封裝了一個back方法，功能是頁面跳轉。本意是通過調用back（）實現跳轉，我的就是這樣。你的代碼可能在其他地方已經實現了這個功能，所以去掉這一段還是可以跳轉，但我的代碼所有實現跳轉都是通過調用這個函數，所以我去掉這個函數，頁面是不動的。你可以看一下我的代碼：

<!DOCTYPE html>
<html>
<head>
?<title>瀏覽器對象</title> ?
?<meta http-equiv="Content-Type" content="text/html; charset=gkb"/> ?
</head>
<body>
?
?<h2>操作成功</h2>
?<p>
? ? ?<span id="time"></span>
? ? ?秒后回到主頁
? ? ?<a href="javascript:;" onclick="goback()">返回</a> ? ? ?//調用goback函數。
?</p>

?<script type="text/javascript">
? ?var num=5;
?
? ?function start(){
? ? ? ?if(num>0){
? ? ? ?document.getElementById("time").innerHTML=num;
? ? ? ?num--;
? ? ? ?setTimeout("start()",1000);
? ?
? ? ? ?}else{
? ? ? ? ? goback() ? ? ? ? ? ? ? ? ? ?//調用goback函數。
? ? ? ?}
? ?}
? ? setTimeout("start()",1000);
? //獲取顯示秒數的元素，通過定時器來更改秒數。

? //通過window的location和history對象來控制網頁的跳轉。
? ?function goback(){ ? ? ? ? ? ? ? ? ? ?//封裝成goback函數。
? ? ? ?window.history.back();
? ?}
</script>
</body>
</html>