window.location.reload();頁面實現跳轉和刷新


在這里面主要做了三個方面的總結:分別是對在<a></a>標簽中的刷新方式、局部刷新、全頁面的刷新方式

在a標簽中的跳轉

1.<a href="javascript:" onclick="history.go(-1);">返回前一個頁面</a>

2.<a href="javascript:" onclick="self.location=document.referrer">返回上一頁並刷新</a>

3.<a href="javascript:" onclick="history.back(); ">返回上一頁</a>

4.<a href="javascript:history.go(-1)">返回上一頁</a>
5.<a href="javascript:location.reload()">重載頁面,本地刷新</a>
6.<a href="javascript:history.go(-1);location.reload()">返回上一頁重載頁面,本地刷新</a>
7.<a href="javascript:window.stop()">停止跳轉</a>(停止跳轉:IE瀏覽器用document.execCommand("Stop"),Chrome和Firefox用window.stop()  )
 
局部刷新
(“#table_table”是需要刷新的框架id):$("#refresh_box").load(location.href+" #refresh_content");
注意一點是,例子中,是用 #refresh_box 來"包裹"着 #refresh_content 的,所以 $("#refresh_box").load("http://localhost:8090/admin/user/list #refresh_content"); 的作用是先通過ajax去請求 http://localhost:8090/admin/user/list #refresh_content 獲得里面的 HTML 內容,然后裝到 本頁面的 #refresh_box中。
 
全頁面的刷新方法
window.location.reload()刷新當前頁面.
 
parent.location.reload()刷新父親對象(用於框架)
 
opener.location.reload()刷新父窗口對象(用於單開窗口)
 
top.location.reload()刷新最頂端對象(用於多開窗口)
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM