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
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類