在js中實現頁面跳轉

js方式實現頁面跳轉的方式大概有下面這幾種:
1.window.location.href方式

window.location.href="target.aspx";

2.window.navigate方式跳轉

window.navigate("target.aspx");

3.window.loction.replace方式實現頁面跳轉(注意跟第一種方式的區別)

window.location.replace("target.jsp");

假設有3個jsp頁面(1.jsp, 2.jsp, 3.jsp),進系統默認的是1.jsp,當我進入2.jsp的時候, 2.jsp裏面用window.location.replace(“3.jsp”)與用window.location.href (“3.jsp”)進入3.jsp的區別:
從用戶界面來看是沒有什麼區別的,但是當3.jsp頁面有一個”返回”按鈕,調用window.history.Go(-1); wondow.history.back();方法的時候,一點這個返回按鈕就要返回2.jsp頁面的話,區別就出來了,當用 window.location.replace(“3.jsp”);進入3.jsp頁面的話,3.jsp頁面中的調用window.history.go(-1);wondow.history.back();方法是不好用的,會返回到1.jsp。

4.self.location方式實現頁面跳轉,和下面的top.location有一點點區別

self.location='target.aspx';

5.top.location

top.location='target.aspx';

6.不推薦這種方式跳轉

alert("返回");
window.history.back(-1);

meta方式實現跳轉(content = 3 單位是秒)

總結二:

  1. Javascript 返回上一頁 window.history.go(-1), 返回兩個頁面: window.history.go(-2);

2.window.history.back(-1);返回上一頁

  1. window.history.forward()進入下一頁下一頁

  2. window.history.go(返回第幾頁,也可以使用訪問過的URL)

例:
向上一頁

response.Write(“")
response.Write("if(!confirm('完成任務?')){history.back();}")
“)
response.Write(““)
向上一頁

頁面跳轉:οnclick=”window.location.href=’list.aspx’”

P.S.
小技巧(JS引用JS):
[javascript] view plain copy

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章