js刷新頁面方法大全

来源:http://www.cnblogs.com/ly133333333333333/archive/2016/01/29/5168357.html
-Advertisement-
Play Games

如何實現刷新當前頁面呢？藉助js你將無所不能。 1，reload 方法，該方法強迫瀏覽器刷新當前頁面。語法：location.reload([bForceGet]) 參數： bForceGet， 可選參數， 預設為 false，從客戶端緩存里取當前頁。true, 則以 GET 方式，從服務端取最新的


如何實現刷新當前頁面呢？藉助js你將無所不能。

1，reload 方法，該方法強迫瀏覽器刷新當前頁面。
語法：location.reload([bForceGet])  
參數： bForceGet， 可選參數， 預設為 false，從客戶端緩存里取當前頁。true, 則以 GET 方式，從服務端取最新的頁面, 相當於客戶端點擊 F5("刷新")

2，replace 方法，該方法通過指定URL替換當前緩存在歷史里（客戶端）的項目，因此當使用replace方法之後，你不能通過“前進”和“後退”來訪問已經被替換的URL。
語法： location.replace(URL)  
通常使用： location.reload() 或者是 history.go(0) 來做。
此方法類似客戶端點F5刷新頁面，所以頁面method="post"時，會出現"網頁過期"的提示。
因為Session的安全保護機制。
當調用 location.reload() 方法時， aspx頁面此時在服務端記憶體里已經存在， 因此必定是 IsPostback 的。
如果有這種應用： 需要重新載入該頁面，也就是說期望頁面能夠在服務端重新被創建，期望是 Not IsPostback 的。
這裡，location.replace() 就可以完成此任務。被replace的頁面每次都在服務端重新生成。
代碼： location.replace(location.href);

返回並刷新頁面：

location.replace(document.referrer);
document.referrer //前一個頁面的URL

不要用 history.go(-1)，或 history.back();來返回並刷新頁面，這兩種方法不會刷新頁面。
附：

Javascript刷新頁面的幾種方法：

 

 代碼如下:
1，history.go(0)
2，location.reload()
3，location=location
4，location.assign(location)
5，document.execCommand('Refresh')
6，window.navigate(location)
7，location.replace(location)
8，document.URL=location.href

 

自動刷新頁面的方法:
1，頁面自動刷新：把如下代碼加入<head>區域中

 

 代碼如下:
<meta http-equiv="refresh" content="20">

 

其中20指每隔20秒刷新一次頁面.
2，頁面自動跳轉：把如下代碼加入<head>區域中

 

代碼如下:
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">

 

其中20指隔20秒後跳轉到http://www.jb51.net頁面
3，頁面自動刷新js版

 

 代碼如下:
<script language="JavaScript">
function myrefresh()
{
   window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>

 

4，JS刷新框架的腳本語句

 

 代碼如下:
//刷新包含該框架的頁面用  
<script language=JavaScript>
   parent.location.reload();
</script>
//子視窗刷新父視窗
<script language=JavaScript>
    self.opener.location.reload();
</script>
(　或　<a href="javascript:opener.location.reload()">刷新</a>   )
//刷新另一個框架的頁面用  
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>

 

如果想關閉視窗時刷新或想開窗時刷新，在<body>中調用以下語句即可。

 

 代碼如下:
<body onload="opener.location.reload()"> 開窗時刷新
<body onUnload="opener.location.reload()"> 關閉時刷新
<script language="javascript">
window.opener.document.location.reload()
</script>



一、先來看一個簡單的例子：

下麵以三個頁面分別命名為frame.html、top.html、bottom.html為例來具體說明如何做。
frame.html 由上(top.html)下(bottom.html)兩個頁面組成，代碼如下：

 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frame </TITLE>
</HEAD>
<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
</HTML>


現在假設top.html (即上面的頁面) 有七個button來實現對bottom.html (即下麵的頁面) 的刷新，可以用以下七種語句，哪個好用自己看著辦了。
top.html 頁面的代碼如下：

 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> top.html </TITLE>
</HEAD>
<BODY>
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>
<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br>
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>
<input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br>
</BODY>
</HTML>


下麵是bottom.html頁面源代碼，為了證明下方頁面的確被刷新了，在裝載完頁面彈出一個對話框。

代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> bottom.html </TITLE>
</HEAD>
<BODY onload="alert('我被載入了！')">
<h1>This is the content in bottom.html.</h1>
</BODY>
</HTML>


解釋一下： 

 代碼如下:
1.window指代的是當前頁面，例如對於此例它指的是top.html頁面。
2.parent指的是當前頁面的父頁面，也就是包含它的框架頁面。例如對於此例它指的是framedemo.html。
3.frames是window對象，是一個數組。代表著該框架內所有子頁面。
4.item是方法。返回數組裡面的元素。
5.如果子頁面也是個框架頁面，裡面還是其它的子頁面，那麼上面的有些方法可能不行。
附：
Javascript刷新頁面的幾種方法：
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href


二、自動刷新頁面
1.頁面自動刷新：把如下代碼加入<head>區域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次頁面.
2.頁面自動跳轉：把如下代碼加入<head>區域中
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">
其中20指隔20秒後跳轉到http://www.jb51.net頁面


三、java在寫Servler,Action等程式時，要操作返回頁面的話（如談出了視窗，操作完成以後，關閉當前頁面，刷新父頁面）

代碼如下:
1 PrintWriter out = response.getWriter();
2 out.write("<script type=\"text/javascript\">");
3 ////子視窗刷新父視窗
4 out.write("self.opener.location.reload();");
5 //關閉視窗
6 out.write("window.opener=null;");
7 out.write("window.close();");
8 out.write("</script>");


四、JS刷新框架的腳本語句
1.如何刷新包含該框架的頁面用

代碼如下:
<script language=JavaScript>
parent.location.reload();
</script>


2.子視窗刷新父視窗 

 代碼如下:


<script language=JavaScript>
self.opener.location.reload();
</script>


3.如何刷新另一個框架的頁面用 （上面的實例以說明瞭） 

 代碼如下:
語句1. window.parent.frames[1].location.reload();
語句2. window.parent.frames.bottom.location.reload();
語句3. window.parent.frames["bottom"].location.reload();
語句4. window.parent.frames.item(1).location.reload();
語句5. window.parent.frames.item('bottom').location.reload();
語句6. window.parent.bottom.location.reload();
語句7. window.parent['bottom'].location.reload();


4.如果想關閉視窗時刷新或者想開窗時刷新的話，在<body>中調用以下語句即可。
<body onload="opener.location.reload()">
開窗時刷新
<body onUnload="opener.location.reload()">
關閉時刷新

 代碼如下:
<script language="javascript">
window.opener.document.location.reload()
</script> 
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 深入C#數據類型
    值類型和引用類型 常用的數據類型 整形 int 浮點型 foalt 雙精度浮點型 double 字元串 string ...
  • 紅豆帶你從零學C#系列—Visual Studio工具介紹、下載和安裝
    一、Visual Studio的下載 Visual Studio（簡稱VS）是微軟的一套完整的開發工具集，集成了能夠開發並運行如C#、C++、VB、F#等程式的開發環境，目前最新的版本是Visual Studio2015，如果你還沒有安裝包，推薦你去官網http://msdn.itellyou.cn
  • ASP.NET 生命周期 – ASP.NET 應用生命周期（一）
    概述 ASP.NET 平臺定義了兩個非常重要的生命周期。第一個是 應用生命周期 (application life cycle)，用來追蹤應用從啟動的那一刻到終止的那一刻。另一個就是 請求生命周期 (request life cycle)，它定義了 HTTP 請求在 ASP.NET 平臺中首次接收到
  • Winform應用程式實現通用消息視窗
    記得我之前發表過一篇文章《Winform應用程式實現通用遮罩層》，是實現了透明遮罩的消息視窗，功能側重點在動圖顯示+消息提醒，效果看上去比較的炫，而本篇我又來重新設計通用消息視窗，功能重點在於消息提醒、進度報告，當然如果大家時間，可以將兩種相結合，那樣就會更完美了，我這裡仍是以實現功能為主，由於代碼
  • 找到多個與名為“Login”的控制器匹配的類型
    添加了mvc區域以後,可能出現以下錯誤... 找到多個與名為“Login”的控制器匹配的類型。如果為此請求(“{controller}/{action}/{id}”)提供服務的路由在搜索匹配此請求的控制器時沒有指定命名空間，則會發生此情況。如果是這樣，請通過調用含有 'namespaces' 參數的
  • 使用反射、特性簡化代碼
    假設現在有一個學生類（Student) /// <summary> /// 學生類 /// </summary> public class Student { /// <summary> /// 名字 /// </summary> private string name; public string
  • C# 如何提取SaveFileDialog的保存路徑
    直接上代碼 1 public TestOne() 2 { 3 InitializeComponent(); 4 SaveFileDialog();//調用打開SaveFileDialog 保存對話框 5 } 6 7 #region 保存對話框 8 private void SaveFileDialo
  • Log4net 集成到MVC+EF框架
    前提引用Log4Net.dll文件 1、 [assembly: log4net.Config.XmlConfigurator(ConfigFile = "Web.config", Watch = true)] 上述代碼寫到AssemblyInfo.cs文件中 2、Global.asax文件中，App
一周排行
    -Advertisement-
    Play Games
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類