HTML DOM 快速導覽 - window 物件的方法 forward()

window.back() 用來進入下一頁,也就是瀏覽器歷史記錄中的下一頁。



forward() 雖然是 window 物件的方法,在多數瀏覽器中也可單獨使用,也就是直接呼叫 forward() ,不需要寫 window.forward() 。


舉例如下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function run() {
    window.forward();
}
 
function next() {
    location.assign("window052_1.html");
}
 
/* 《程式語言教學誌》的範例程式
     檔名:window052.js
     功能:示範 JavaScript 程式
     作者:張凱慶
     時間:西元 2011 年 8 月 */


此例我們設計一個 run() 函數搭配 RUN 按鈕,使用者點擊該按鈕就會呼叫 forward()
2
window.forward();;


我們以下面的 HTML 文件載入
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM DEMO</title>
<script src="window052.js" type="text/javascript"></script>
</head>
<body>
<input type="button" value="NEXT" onclick="next();">
<input type="button" value="RUN" onclick="run();">
</body>
</html>
 
<!-- 《程式語言教學誌》的範例程式
     檔名:window052.html
     功能:示範 JavaScript 程式
     作者:張凱慶
     時間:西元 2011 年 8 月 -->


另外這是預備當作下一頁的 window052_1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM DEMO</title>
</head>
<body>
<input type="button" value="BACK" onclick="back();">
</body>
</html>
 
<!-- 《程式語言教學誌》的範例程式
     檔名:window052_1.html
     功能:示範 JavaScript 程式
     作者:張凱慶
     時間:西元 2011 年 8 月 -->


瀏覽器 (broswer) 開啟 window052.html ,先點擊 NEXT 讓網頁切換到 window052_1.html ,再點擊 BACK 回到 window052.html ,最後點擊 RUN 到下一頁



中英文術語對照
瀏覽器broswer


您可以繼續參考
window 物件


相關目錄
HTML DOM 快速導覽
JavaScript 教材
首頁


參考資料
https://developer.mozilla.org/en/DOM/window.forward

沒有留言: