a連結刷新頁面與js刷新頁面用法介紹-js教程-PHP中文網

首頁

web前端

js教程

a連結刷新頁面與js刷新頁面用法介紹

小云云

Mar 02, 2018 pm 01:21 PM

javascript重新整理頁面

刷新頁面通常是使用a連結與js刷新，至於兩者在使用上的區別，在接下來的文章中有詳細的介紹，希望能幫助到大家。

1.a連結的使用操作：

<a href="javascript:history.go(-1);">返回上一页</a>   
<a href="#top">刷新当前页</a>

#top的效果在我這沒起作用，我直接寫的刷新當前頁倒是起作用了

2.、JS怎麼刷新當前頁面

reload 方法，該方法強迫瀏覽器刷新目前頁面。
語法：location.reload([bForceGet])
參數： bForceGet，可選參數，預設為 false，從客戶端快取取目前頁面。 true, 則以GET 方式，從服務端取最新的頁面, 相當於客戶端點擊F5("刷新")
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.頁面自動刷新：將以下程式碼加入

區域中

其中20指每隔20秒刷新一次頁面.

2.頁面自動跳到：把如下碼加入區域中

#其中20指隔20秒後跳到http://www.wyxg.com頁面
3.頁面自動刷新js版

<script language="JavaScript">   
function myrefresh()   
{   
window.location.reload();   
}   
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次   
</script>

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 onload="opener.location.reload()"> 开窗时刷新   
<body onUnload="opener.location.reload()"> 关闭时刷新   
<script language="javascript">   
window.opener.document.location.reload()   
</script>

相關推薦：

#PHP如何進行資料庫操作以及防止頁面逾時和自動刷新頁面講解

Javascript刷新頁面方法及location.reload()用法介紹

#Javascript中刷新頁面的範例詳解

以上是a連結刷新頁面與js刷新頁面用法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

JavaScript的角色：使網絡交互和動態Apr 24, 2025 am 12:12 AM

JavaScript是現代網站的核心，因為它增強了網頁的交互性和動態性。 1)它允許在不刷新頁面的情況下改變內容，2)通過DOMAPI操作網頁，3)支持複雜的交互效果如動畫和拖放，4)優化性能和最佳實踐提高用戶體驗。

C和JavaScript：連接解釋Apr 23, 2025 am 12:07 AM

C 和JavaScript通過WebAssembly實現互操作性。 1）C 代碼編譯成WebAssembly模塊，引入到JavaScript環境中，增強計算能力。 2）在遊戲開發中，C 處理物理引擎和圖形渲染，JavaScript負責遊戲邏輯和用戶界面。

從網站到應用程序：JavaScript的不同應用Apr 22, 2025 am 12:02 AM

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中，JavaScript與HTML、CSS一起操作DOM，實現動態效果，並支持如jQuery、React等框架。 2)通過ReactNative和Ionic，JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行，支持高並發請求。

Python vs. JavaScript：比較用例和應用程序Apr 21, 2025 am 12:01 AM

Python更適合數據科學和自動化，JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色，使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺，用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用，支持全棧開發。

C/C在JavaScript口譯員和編譯器中的作用Apr 20, 2025 am 12:01 AM

C和C 在JavaScript引擎中扮演了至关重要的角色，主要用于实现解释器和JIT编译器。1）C 用于解析JavaScript源码并生成抽象语法树。2）C 负责生成和执行字节码。3）C 实现JIT编译器，在运行时优化和编译热点代码，显著提高JavaScript的执行效率。

JavaScript在行動中：現實世界中的示例和項目Apr 19, 2025 am 12:13 AM

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用，涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

JavaScript和Web：核心功能和用例Apr 18, 2025 am 12:19 AM

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互；2)在用戶提交數據前進行客戶端驗證，提高用戶體驗；3)通過AJAX技術實現與服務器的無刷新通信。

了解JavaScript引擎：實施詳細信息Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要，因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段；2)執行過程中，引擎會進行動態優化，如內聯緩存和隱藏類；3)最佳實踐包括避免全局變量、優化循環、使用const和let，以及避免過度使用閉包。

See all articles