在我們日常工作中,在進行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('ifrmname').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()的用法,希望對你的工作有所幫助!
相關推薦:
#以上是JavaScript刷新頁面location.reload()的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!