js實作刷新iframe的方法匯總_javascript技巧

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

複製程式碼 程式碼如下:

第一種方法:用iframe的name屬性定位

複製程式碼 程式碼如下:

或

複製程式碼 程式碼如下:

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

複製程式碼 程式碼如下:

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

複製程式碼 程式碼如下:

父頁面中存在兩個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標籤中加入下面的程式碼段：

複製程式碼 程式碼如下:

定時刷新頁面（間隔2秒刷新一下頁面）：

複製程式碼 程式碼如下:

直接刷新頁面事件：

複製程式碼 程式碼如下:

直接刷新頁面事件：

複製程式碼 程式碼如下:

直接刷新頁面事件：

複製程式碼 程式碼如下:

function abc(){
window.location.href="/blog/window.location.href";
setTimeout("abc()",10000);
}

刷新框架頁：

複製程式碼 程式碼如下:

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