js實現頁面轉發功能示例代碼（js實現頁面轉發功能示例代碼是什麼）

本文目錄一覽：

• 1、javascript實現頁面跳轉功能，參數怎麼傳遞？
• 2、jsp頁面如何實現轉發到另外一個jsp頁面
• 3、jsp頁面中的js實現跳轉
• 4、如何使用JavaScript實現 按鈕跳轉頁面功能？
• 5、JS代碼怎麼跳轉到另一個頁面呢
• 6、js如何實現頁面跳轉

javascript實現頁面跳轉功能，參數怎麼傳遞？

1.設置url

// 設置當前urlvar list_url = ‘/document/order/default.php?page=’ + page_nums + ”+ $(“#form1”).serialize();var e_list_url = encodeURIComponent(list_url);$(“#list_url”).val(e_list_url);

2.傳遞url

var list_url = $(‘#list_url’).val();

window.location.href=’/document/order/view.php?order_id=’+order_id+’action=edithandler=adminlist_url=’+list_url;

3.解析url並跳轉

var list_url = ‘?php echo $list_url;?’;

d_list_url = decodeURIComponent(list_url);window.location.href = d_list_url;

這樣就能實現，參數不丟失了。主要就是頁碼和篩選條件。

純js頁面跳轉要傳複雜數據不好做，要用localStorage，這個東東在各瀏覽器中是不一樣的。

比較好的方法就是，在跳轉鏈接中加上一些標誌參數，如對象ID之類，直接由伺服器生成新頁面內容或者轉到新頁面後由頁面從伺服器重新ajax取數據。

jsp頁面如何實現轉發到另外一個jsp頁面

在頁面中使用js控制直接跳轉

對應的servlet中跳轉頁面

request.getRequestDispatcher(“/文件名”).forward(request,response);

或者

response.sendRedirect(“/項目名/文件名”);

hibernate跳轉，返回String在對應的配置位置配置該string要跳轉哪個頁面

jsp頁面中的js實現跳轉

Jsp 頁面跳轉的幾種方法

1. RequestDispatcher.forward()

在伺服器端起作用,當使用forward()時,Servlet engine傳遞HTTP請求從當前的Servlet或者是JSP到另外的一個Servlet、JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此時form提交的所有信息在 b.jsp都可以獲得,參數自動傳遞. 但forward()無法重定向至有frame的jsp文件,可以重定向至有frame的html文件,同時forward()無法在後面帶參數傳遞,比 如servlet?name=frank,這樣不行,可以程序內通過response.setAttribute(“name”,name)來傳至下一個 頁面。

重定向後瀏覽器地址欄URL不變。

例：在servlet中進行重定向

public void doPost(HttpServletRequest request,HttpServletResponse response)

throws ServletException,IOException{

response.setContentType(“text/html; charset=gb2312”);

ServletContext sc = getServletContext();

RequestDispatcher rd = null;

rd = sc.getRequestDispatcher(“/index.jsp”); //定向的頁面

rd.forward(request, response);

}

或

request.getRequestDispatcher(” /index.jsp “).forward(request, response);//轉發到index .jsp getServletConfig().getServletContext().getRequestDispatcher(“

/index.jsp “).forward(request, response);

//轉發到 index .jsp

通常在servlet中使用，不在jsp中使用。

2. response.sendRedirect()

在用戶的瀏覽器端工作,sendRedirect()可以帶參數傳遞,比如servlet?name=frank傳至下個頁面,同時它可以重定向至不同的主機上,sendRedirect()可以重定向有frame.的jsp文件.

重定向後在瀏覽器地址欄上會出現重定向頁面的URL。

例：在servlet中重定向

public void doPost(HttpServletRequest request,HttpServletResponse response)

throws ServletException,IOException{

response.setContentType(“text/html; charset=gb2312”);

response.sendRedirect(“/index.jsp”);

}

由於response是jsp頁面的隱含對象，故在jsp頁面中可用response.sendRedirect()直接實現重定位。

注意：

(1) 使用response.sendRedirect時，前面不能有HTML輸出；

這並不是絕對的，不能有HTML輸出其實是指不能有HTML被送到了瀏覽器。事實上現在的server都有cache機制，一般在8K（我是說 JSP SERVER），這就意味著，除非你關閉了cache，或者你使用了out.flush()強制刷新，那麼在使用sendRedirect之前， 有少量的HTML輸出也是允許的。

(2) response.sendRedirect之後，應該緊跟一句return。

我們已經知道response.sendRedirect是通過瀏覽器來做轉向的，所以只有在頁面處理完成後，才會有實際的動作。既然你已經要做轉向了，那麼後的輸出還有什麼意義呢？而且有可能會因為後面的輸出導致轉向失敗。

比較：

(1) Dispatcher.forward()是容器中控制權的轉向，在客戶端瀏覽器地址欄中不會顯示出轉向後的地址；

(2) response.sendRedirect()則是完全的跳轉，瀏覽器將會得到跳轉的地址，並重新發送請求鏈接。這樣，從瀏覽器的地址欄中可以看到跳轉後的鏈接地址。

前者更加高效，在前者可以滿足需要時，盡量使用RequestDispatcher.forward()方法。

在有些情況下，比如，需要跳轉到一個其它伺服器上的資源，則必須使HttpServletResponse.sendRequest()方法

。

3. ＜jsp:forward page=”” /＞

它的底層部分是由RequestDispatcher來實現的，因此它帶有RequestDispatcher.forward()方法的印記。

如果在之前有很多輸出,前面的輸出已使緩衝區滿,將自動輸出到客戶端,那麼該語句將不起作用,這一點應該特別注意。

注意：

它不能改變瀏覽器地址，刷新的話會導致重複提交

4. 修改HTTP header的Location屬性來重定向

通過設置直接修改地址欄來實現頁面的重定向。

jsp文件代碼如下：

＜%

response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY);

String newLocn = “/newpath/jsa.jsp”;

response.setHeader(“Location”,newLocn);

%＞

5. JSP中實現在某頁面停留若干秒後,自動重定向到另一頁面

在html文件中，下面的代碼：

＜meta http-equiv=”refresh” content=”300; url=target.jsp”＞

它的含義：在5分鐘之後正在瀏覽的頁面將會自動變為target.html這一頁。代碼中300為刷新的延遲時間，以秒為單位。targer.html為你想轉向的目標頁,若為本頁則為自動刷新本頁。

由上可知，可以通過setHeader來實現某頁面停留若干秒後,自動重定向到另一頁面。代碼：

String content=stayTime+”;URL=”+URL;

response.setHeader(“REFRESH”,content);

Js 頁面跳轉（父頁面，外層頁面，本頁面）

“window.location.href”、”location.href”是本頁面跳轉

“parent.location.href”是上一層頁面跳轉

“top.location.href”是最外層的頁面跳轉

舉例說明：

如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js這樣寫

“window.location.href”、”location.href”：D頁面跳轉

“parent.location.href”：C頁面跳轉

“top.location.href”：A頁面跳轉

如果D頁面中有form的話,

: form提交後D頁面跳轉

: form提交後彈出新頁面

: form提交後C頁面跳轉

: form提交後A頁面跳轉

關於頁面刷新，D 頁面中這樣寫：

“parent.location.reload();”: C頁面刷新 （當然，也可以使用子窗口的 opener 對象來獲得父窗口的對象：window.opener.document.location.reload(); ）

“top.location.reload();”: A頁面刷新

Js 控制頁面跳轉的幾種方法

第一種：

script language=”javascript” type=”text/javascript”

window.location.href=”login.jsp?backurl=”+window.location.href;

/script

第二種：

script language=”javascript”

alert(“返回”);

window.history.back(-1);

/script

第三種：

script language=”javascript”

window.navigate(“top.jsp”);

/script

第四種：

script language=”JavaScript”

self.location=’top.htm’;

/script

第五種：

script language=”javascript”

alert(“非法訪問！”);

top.location=’xx.jsp’;

/script

第六種：

script type=”text/javascript”

// 頁面若在框架內，則跳出框架

if (self != top) {

top.location = self.location;

};

/script

第七種：

自定義時間跳轉（方法一）：

script language=”javascript”

var secs = 3; //倒計時的秒數

var URL ;

function Load(url){

URL = url;

for(var i=secs;i=0;i–)

{

window.setTimeout(‘doUpdate(‘ + i + ‘)’, (secs-i) * 1000);

}

}

function doUpdate(num)

{

document.getElementById(‘ShowDiv’).innerHTML = ‘將在’+num+’秒後自動跳轉到主頁’ ;

if(num == 0) { window.location = URL; }

}

/script

然後在裡面加上 index.asp為自己要跳轉的頁面。

在之間加上

自定義時間跳轉（方法二）：

p style=”text-indent: 2em; margin-top: 30px;”

系統將在 span id=”time”5/span 秒鐘後自動跳轉至新網址，如果未能跳轉，a href=”” title=”點擊訪問”請點擊/a。

script type=”text/javascript”

delayURL();

function delayURL() {

var delay = document.getElementById(“time”).innerHTML;

var t = setTimeout(“delayURL()”, 1000);

if (delay 0) {

delay–;

document.getElementById(“time”).innerHTML = delay;

} else {

clearTimeout(t);

window.location.href = “”;

}

}

/script

如何使用JavaScript實現 按鈕跳轉頁面功能？

javascript中的location.href有很多種用法，主要如下:

self.location.href=”/url” 當前頁面打開URL頁面

location.href=”/url” 當前頁面打開URL頁面

windows.location.href=”/url” 當前頁面打開URL頁面，前面三個用法相同

this.location.href=”/url” 當前頁面打開URL頁面

parent.location.href=”/url” 在父頁面打開新頁面

top.location.href=”/url” 在頂層頁面打開新頁面

JS代碼怎麼跳轉到另一個頁面呢

要實現從一個頁面A跳到另一個頁面B，js實現就在A的js代碼加跳轉代碼

JS跳轉大概有以下幾種方式：

第一種：(跳轉到b.html)

script language=”javascript” type=”text/javascript”

window.location.href=”b.html”;

/script

第二種：（返回上一頁面）

script language=”javascript”

window.history.back(-1);

/script

第三種：

script language=”javascript”

window.navigate(“b.html”);

/script

第四種：

script language=”JavaScript”

self.location=』b.html』;

/script

第五種：

script language=”javascript”

top.location=』b.html』;

/script

js如何實現頁面跳轉

點擊小圖片就在新窗口中打開大圖片，是這個要求嗎：

a href=大圖地址 target=_blankimg src=小圖片地址 //a