DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現刷新iframe的方法匯總
js實現刷新iframe的方法匯總
編輯:關於JavaScript     

javascript實現刷新iframe的方法的總結,現在假設存在下面這樣一個iframe,則刷新該iframe的N種方法有:

復制代碼 代碼如下:
<iframe src="1.htm" name="ifrmname" id="ifrmid"></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()">

第二種方法:用iframe的id屬性定位

復制代碼 代碼如下:
<input type="button" name="Button" value="Button" onclick="ifrmid.window.location.reload()">

第三種方法:當iframe的src為其它網站地址(即跨域操作時)

復制代碼 代碼如下:
<input type="button" name="Button" value="Button" onclick="window.open(document.all.ifrmname.src,'ifrmname','')">

父頁面中存在兩個iframe,一個iframe中是一個鏈接列表,其中的鏈接指向另一個iframe,用於顯示內容。現在當內容內容添加後,在鏈接列表中添加了一條記錄,則需要刷新列表iframe。
在內容iframe的提交js中使用parent.location.reload()將父頁面全部刷新,因為另一個iframe沒有默認的url,只能通過列表選擇,所以只顯示了列表iframe的內容。
使用window.parent.frames["列表iframe名字"].location="列表url"即可進刷新列表iframe,而內容iframe在提交後自己的刷新將不受影響。

復制代碼 代碼如下:
document.frames("refreshAlarm").location.reload(true);
document.frames("refreshAlarm").document.location.reload(true);
document.frames("refreshAlarm").document.location="http://www.jb51.net/";
document.frames("refreshAlarm").src="http://www.jb51.net/";

注意區別:document.all.refreshAlarm 或 document.frames("refreshAlarm") 得到的是http://www.jb51.net/頁面中那個iframe標簽,所以對src屬性操作有用。
document.frames("refreshAlarm").document得到iframe裡面的內容,也就是"http://www.jb51.net/"中的內容。

javascript(js)自動刷新頁面的實現方法總結:

間隔10秒刷新一次,在頁面的head標簽中加入下面的代碼段:

復制代碼 代碼如下:
<meta http-equiv="refresh"content="10;url=跳轉的頁面或者是需要刷新的頁面URL地址">

定時刷新頁面(間隔2秒刷新一下頁面):

復制代碼 代碼如下:
<script language="javascript">
setTimeout("location.href='url'",2000);//url是要刷新的頁面URL地址
</script>

直接刷新頁面事件:

復制代碼 代碼如下:
<script language="javascript">
window.location.reload(true);
//如需刷新iframe,則只需把window替換為響應的iframe的name屬性值或ID屬性值
</script>

直接刷新頁面事件:

復制代碼 代碼如下:
<script language=''javascript''>
window.navigate("本頁面url");
</script>

直接刷新頁面事件:

復制代碼 代碼如下:
function abc(){
window.location.href="/blog/window.location.href";
setTimeout("abc()",10000);
}

刷新框架頁:

復制代碼 代碼如下:
<script language="javascript">
top.leftFrm.location.reload();
parent.frmTop.location.reload();
</script>

以上所述就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved