Javascript實現返回上一頁面并刷新的小例子

2019-11-20 21:29:20

字體：大中小

來源：轉載

供稿：網友

今天寫了一個小小的提示成功的頁面，同時要求返回上一頁面，并實現對上一頁面的操作進行刷新（例如刪除的，添加的），在網上搜尋了一遍，基本上90%的都是說的是用window.history.go(-1), 或者是用 window.history.back(-1), 還有的說子頁面刷新父頁面用

復制代碼代碼如下:

self.opener.location.reload();

</script>

經過在JSP頁面的測試，在操作頁面選中添加的項經過點擊按鈕保存再跳轉到成功提示頁面返回后發現都沒有刷新，手動刷新后才顯示出來，對于那些粘貼復制技術不經過測試的文章實在是傷心透頂。

其實對于這個技術，我并沒有找到完全依賴JS能實現，有個思路就是使上一頁不被緩存，每次讀取出來就行了（別人的思路，具體我也沒有搞懂原理）

JSP的實現方法如下：

Reply-text mb10代碼

復制代碼代碼如下:

<SPAN style="FONT-SIZE: 18px; BACKGROUND-COLOR: #ffffff">
<SPAN style="FONT-FAMILY: 'Microsoft YaHei'; COLOR: #3333ff">
<STRONG>
<%String rec = request.getHeader("REFERER");%>   
    <input type="button" onclick="javascript:window.location='<%=ref%>'">   
</STRONG>
</SPAN>
</SPAN>  
<%String rec = request.getHeader("REFERER");%>
    <input type="button" onclick="javascript:window.location='<%=ref%>'">

ASP頁面的實現方法如下：

復制代碼代碼如下:

<%'獲取上一頁的地址
 address = request.ServerVariables("HTTP_REFERER")
%>
<!--window.location有返回相對頁面并且刷新的作用-->
<a href="javascript:window.location.href='<%=address%>'" style="cursor:hand">返回</a>

Reply-text mb10代碼

復制代碼代碼如下:

<SPAN style="FONT-SIZE: 18px; BACKGROUND-COLOR: #ffffff"><SPAN style="FONT-FAMILY: 'Microsoft YaHei'; COLOR: #3333ff"><STRONG>.在servlet中   
    request.getRequestDispatcher(request.getHeader("referer")).forward(request,response);   
    或者   
    request.getRequestURL();   

</STRONG></SPAN></SPAN>

上一篇：JavaScript Math.ceil() 函數使用介紹

下一篇：div浮層,滾動條移動,位置保持不變的4種方法匯總