Javascript實現(xiàn)返回上一頁面并刷新的小例子

更新時間：2013年12月11日 15:11:54 作者：

這篇文章主要介紹了Javascript實現(xiàn)返回上一頁面并刷新的小例子，有需要的朋友可以參考一下

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

復制代碼代碼如下:

self.opener.location.reload();

</script>

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

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

JSP的實現(xiàn)方法如下：

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頁面的實現(xiàn)方法如下：

復制代碼代碼如下:

<%'獲取上一頁的地址
 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的方法小結
測試JavaScript代碼是一件很痛苦的事情，很多情況下都是寫好代碼不斷刷新測試，其實chrome瀏覽器的console下就很方便，這里就為大家簡單分享一下
2023-03-03
原生JS實現(xiàn)圖片輪播與淡入效果的簡單實例
下面小編就為大家?guī)硪黄鶭S實現(xiàn)圖片輪播與淡入效果的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
js的Object.assign用法示例分析
這篇文章主要介紹了js的Object.assign用法,結合實例形式分析了js Object.assign基本功能、原理、使用方法及相關操作注意事項,需要的朋友可以參考下
2020-03-03
JavaScript使用Base64編碼和Blob對象加密圖像url地址
有時候會看到一些網站的圖片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,這樣的圖片加載怎么實現(xiàn)呢？本文講解在瀏覽器中JavaScript使用解析Base64編碼和Blob對象技術來實現(xiàn),下面是實現(xiàn)的步驟和相應的示例代碼,
2023-12-12
JS實現(xiàn)窗口加載時模擬鼠標移動的方法
這篇文章主要介紹了JS實現(xiàn)窗口加載時模擬鼠標移動的方法,涉及javascript鼠標事件的相關技巧,需要的朋友可以參考下
2015-06-06
JavaScript異步編程:異步數(shù)據收集的具體方法
我們先嘗試在不借助任何工具函數(shù)的情況下來解決這個問題。筆者能想到的最簡單的方法是：因前一個readFile的回調運行下一個readFile，同時跟蹤記錄迄今已觸發(fā)的回調次數(shù)，并最終顯示輸出。下面是筆者的實現(xiàn)結果。
2013-08-08
thinkphp標簽實現(xiàn)bootsrtap輪播carousel實例代碼
這篇文章給大家介紹thinkphp標簽實現(xiàn)bootsrtap輪播carousel實例代碼，非常不錯，具有參考借鑒價值，需要的的朋友參考下
2017-02-02
JavaScript中獲取元素索引的函數(shù)
相信使用過jQuery的朋友都知道index()方法, 她可以很方便的幫你找到當前元素在元素集合中索引位置. 那么, 原生JavaScript中如何獲取呢?
2010-09-09
JS中解決谷歌瀏覽器記住密碼輸入框顏色改變功能
這篇文章主要介紹了JS中解決谷歌瀏覽器記住密碼輸入框顏色改變功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-02-02
JS操作字符串轉數(shù)字的常見方法示例
這篇文章主要介紹了JS操作字符串轉數(shù)字的常見方法,結合實例形式分析了javascript字符串類型轉換的常用方法及相關操作技巧,需要的朋友可以參考下
2019-10-10