js刷新頁面location.reload()用法詳解
更新時間：2019年12月09日 14:26:40 作者：大灰狼的小綿羊哥哥
這篇文章主要介紹了js刷新頁面location.reload()用法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
本文介紹了js刷新頁面函數(shù)location.reload()的用法，有關(guān)js location.reload()函數(shù)的例子，有需要的朋友參考下。
在javascript編程中，多使用location.reload實現(xiàn)頁面刷新。
例子：
window.location.href=window.location.href; window.location.reload;
經(jīng)測試,這兩句在某些情況下可以代替location.reload(true);
而不會出現(xiàn)重試對話框達(dá)到刷新的效果
在js中實現(xiàn)刷新頁面的方法有很多種，在js中有一個location.reload()函數(shù)，它就可以實現(xiàn)我們想要的功能。
window.location.reload(true) //瀏覽器重新從服務(wù)器請求資源,在http請求頭中不會包含緩存標(biāo)記。
例1，刷新當(dāng)前頁面
<script> window.location.reload(); </script>
例2，JS實現(xiàn)刷新iframe的方法
用iframe的name屬性定位
<input type="button" name="Button" value="Button" οnclick="document.frames('ifrmname').location.reload()">
或
<input type="button" name="Button" value="Button" οnclick="document.all.ifrmname.document.location.reload()">
例3，首先，定義一個iframe
<iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>
aa.htm頁面的內(nèi)容:
<input type ="button" value ="刷新" onclick ="aa()"/>
function aa() {
//parent.location.replace(parent.location.href);//服務(wù)器端重新創(chuàng)建頁面
parent.document.location.reload();//相當(dāng)于F5
//window.location.href(parent.location.href);//iframe內(nèi)容重定向
}
注意：
window.location.reload;
刷新時如果提交數(shù)據(jù)的動作，則會出現(xiàn)對話框！
解決辦法：
window.location.href=window.location.href; window.location.reload;
刷新父窗口：
window.opener.location.href=window.opener.location.href; window.opener.location.reload();
這種寫法不會顯示對話框。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
在小程序云開發(fā)中，要實現(xiàn)上傳文件至云存儲，有兩種方案：云函數(shù)和HTTP?API，本文主要講講如何使用HTTP?API實現(xiàn)小程序外上傳文件至云存儲，感興趣的可以了解一下2022-01-01
這篇文章主要介紹了JavaScript簡單下拉菜單,采用JavaScript定時函數(shù)遞歸調(diào)用實現(xiàn)菜單漸顯效果,非常簡單實用,需要的朋友可以參考下2015-09-09
XMLHTTP 亂碼的解決方法（UTF8,GB2312 編碼 解碼）
XMLHTTP 亂碼的解決方法（UTF8,GB2312 編碼 解碼）（附帶解決DHTMLX不能用中文的問題）2011-01-01
微信小程序?qū)崿F(xiàn)用戶登錄模塊服務(wù)器搭建
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)用戶登錄模塊服務(wù)器搭建，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
javascript表單處理具體實現(xiàn)代碼(表單、鏈接、按鈕)
這篇文章主要介紹了javascript表單處理具體實現(xiàn)代碼，包括各種表單、鏈接、按鈕控件介紹，感興趣的朋友可以參考一下2016-05-05
本文給大家匯總介紹了Javascript實現(xiàn)運算符重載的方法，實現(xiàn)的思路很簡單，有需要的小伙伴可以來看看2018-04-04
JavaScript 全角轉(zhuǎn)半角部分 ，需要的朋友可以參考下。2009-10-10
chart.js實現(xiàn)動態(tài)網(wǎng)頁顯示拆線圖的效果
本文主要介紹了chart.js實現(xiàn)動態(tài)網(wǎng)頁顯示拆線圖的效果,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-11-11
這篇文章主要介紹了20個JS簡寫技巧提升工作效率，本文特點以言簡意賅為主，圍繞JS簡寫技巧的話題展開全文，具有一定的查看價值 ，需要的小伙伴可以參考一下2021-12-12
JS+CSS實現(xiàn)網(wǎng)頁加載中的動畫效果
這篇文章主要為大家詳細(xì)介紹了JS+CSS實現(xiàn)網(wǎng)頁加載中的動畫效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10