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)文章
這篇文章主要介紹了JS+CSS實現(xiàn)美化的下拉列表框效果,涉及javascript針對下拉列表框樣式的相關(guān)操作技巧,三款下拉菜單簡單大方,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JSONP原理及應(yīng)用實例詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
怎么選擇Javascript框架(Javascript Framework)
如果你正面臨這樣的問題，希望下面的幾個建議對你在選擇javascript框架上會有所幫助2013-11-11
這篇文章主要介紹了JavaScript中的this妙用,結(jié)合實例形式分析了JavaScript中的this基本功能、用法及操作注意事項,需要的朋友可以參考下2020-05-05
javascript attachEvent綁定多個事件執(zhí)行順序問題
執(zhí)行順序是沒有規(guī)律的，但是每次執(zhí)行的順序是一樣的，如果是隨機(jī)那么應(yīng)該每次執(zhí)行的順序都不一樣才對，這才是我想要說明的2010-10-10
JS實現(xiàn)盒子跟著鼠標(biāo)移動及鍵盤方向鍵控制盒子移動效果示例
這篇文章主要介紹了JS實現(xiàn)盒子跟著鼠標(biāo)移動及鍵盤方向鍵控制盒子移動效果,涉及javascript事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-01-01
本文介紹了如何使用Javascript中的this關(guān)鍵字，文中代碼簡單易懂，對大家的學(xué)習(xí)或工作有一定幫助，需要的朋友可以參考下2020-05-05
作為一門不斷演進(jìn)的語言,JavaScript每年都會引入新特性,這篇文章主要為大家整理了一些個人認(rèn)為特別有用的新JavaScript特性,以及一些補(bǔ)充的實例代碼,希望對大家有所幫助2024-01-01
這篇文章主要介紹了微信WeixinJSBridge API使用實例,本文直接給出HTML代碼,代碼中包含了很多實用功能,如圖片預(yù)覽、分享到微博、隱藏右上角按鈕、獲取網(wǎng)絡(luò)狀態(tài)、發(fā)起公眾號微信支付等內(nèi)容,需要的朋友可以參考下2015-05-05
微信小程序setInterval定時函數(shù)新手使用的超詳細(xì)教程
平時開發(fā)中為實現(xiàn)倒計時效果可以使用setInterval即可,下面這篇文章主要給大家介紹了關(guān)于微信小程序setInterval定時函數(shù)新手使用的超詳細(xì)教程,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08