首頁 > web前端 > js教程 > JavaScript刷新頁面location.reload()的用法

JavaScript刷新頁面location.reload()的用法

黄舟
發布: 2017-11-16 14:02:45
原創
4675 人瀏覽過

在我們日常工作中,在進行JavaScript編輯過程中,很多時候都需要使用JS刷新頁面的功能,所以我們會常用到location.reload(),今天我們就大家了解下JavaScript刷新頁面location.reload()的用法!

在javascript程式設計中,多使用location.reload實作頁面重新整理。

範例:

window.location.href=window.location.href; 
window.location.reload;
登入後複製

經測試,這兩句在某些情況下可以取代location.reload(true);
而不會出現重試對話框達到刷新的效果

在js中實作刷新頁面的方法有很多種,在js中有一個location.reload()函數,它可以實現我們想要的功能。 
window.location.reload(true) //瀏覽器重新從伺服器請求資源,在http請求頭中不會包含快取標記。

範例1,刷新目前頁面

<script> 
window.location.reload(); 
</script>
登入後複製

範例2,JS實作刷新iframe的方法 
用iframe的name屬性定位 

<input type="button" name="Button" value="Button" onclick="document.frames(&#39;ifrmname&#39;).location.reload()"> 
或 
<input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.location.reload()">
登入後複製

範例3,首先,定義一個iframe 

<iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>
登入後複製

aa.htm頁面的內容: 

<input type ="button" value ="刷新" onclick ="aa()"/> 
function aa() { (jquery中文网 www.jquerycn.cn 编辑整理)
//parent.location.replace(parent.location.href);//服务器端重新创建页面 
parent.document.location.reload();//相当于F5 
//window.location.href(parent.location.href);//iframe内容重定向 
}
登入後複製

注意:
window.location.reload;
刷新時如果提交資料的動作,則會出現對話框!

解決方法:

window.location.href=window.location.href; 
window.location.reload;
登入後複製

 刷新父視窗:

window.opener.location.href=window.opener.location.href; 
window.opener.location.reload();
登入後複製

總結:

本文透過到範例的講解讓小夥伴們更為直覺的了解JS刷新頁面location.reload()的用法,希望對你的工作有所幫助!

相關推薦:

#js重新整理頁面方法大全

JS刷新頁面總和!多種JS刷新頁面程式碼!

JS刷新頁面的幾種方法

#

以上是JavaScript刷新頁面location.reload()的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板