1. 獲得iframe的window對(duì)象
存在跨域訪問限制。
chrome：iframeElement. contentWindow
firefox： iframeElement.contentWindow
ie6：iframeElement.contentWindow
文章Iframes, onload, and document.domain中說“he iframe element object has a property called contentDocument that contains the iframe’s document object, so you can use the parentWindow property to retrieve the window object.”意思就是一些瀏覽器可以通過iframeElement.contentDocument.parentWindow獲得iframe的window對(duì)象。但經(jīng)過測試firefox、chrome的element.contentDocument對(duì)象沒有parentWindow屬性。
- function getIframeWindow(element){
- return element.contentWindow;
-
- }
2. 獲得iframe的document對(duì)象
存在跨域訪問限制。
chrome：iframeElement.contentDocument
firefox：iframeElement.contentDocument
ie：element.contentWindow.document
備注：ie沒有iframeElement.contentDocument屬性。
- var getIframeDocument = function(element) {
- return element.contentDocument || element.contentWindow.document;
- };
3. iframe中獲得父頁面的window對(duì)象
存在跨域訪問限制。
父頁面：window.parent
頂層頁面：window.top
適用于所有瀏覽器
4. 獲得iframe在父頁面中的html標(biāo)簽
存在跨域訪問限制。
window.frameElement（類型：HTMLElement），適用于所有瀏覽器
5. iframe的onload事件
非ie瀏覽器都提供了onload事件。例如下面代碼在ie中是不會(huì)有彈出框的。
- var ifr = document.createElement('iframe');
- ifr.src = 'http://www./index.php';
- ifr.onload = function() {
- alert('loaded');
- };
- document.body.appendChild(ifr);
但是ie卻又似乎提供了onload事件，下面兩種方法都會(huì)觸發(fā)onload
- 方法一：
- <iframe onload="alert('loaded');" src="http://www./index.php"></iframe>
-
- 方法二：
-
- var ifr = document.createElement('<iframe onload="alert('loaded');" src="http://www./index.php"></iframe>');
- document.body.appendChild(ifr);
由于iframe元素包含于父級(jí)頁面中，因此以上方法均不存在跨域問題。
實(shí)際上IE提供了onload事件，但必須使用attachEvent進(jìn)行綁定。
- var ifr = document.createElement('iframe');
- ifr.src = 'http://b./b.php';
- if (ifr.attachEvent) {
- ifr.attachEvent('onload', function(){ alert('loaded'); });
- } else {
- ifr.onload = function() { alert('loaded'); };
- }
- document.body.appendChild(ifr);
6. frames
window.frames可以取到頁面中的幀(iframe、frame等)，需要注意的是取到的是window對(duì)象，而不是HTMLElement。
- var ifr1 = document.getElementById('ifr1');
- var ifr1win = window.frames[0];
- ifr1win.frameElement === ifr1;
- ifr1win === ifr1;
參考文章
