js 控制 iframe 內容(FF/IE)

我很不喜歡 iframe,但是工作上會遇到,今天遇到的狀況是如果我的頁面有兩個 iframe,我該如何在 iframe A 裡面去控制 iframe B 的內容或是轉址?又是個跨瀏覽器的問題,所以放在這裡以後要查可以查~有需要的人盡量拿去用。:P

下面是寫在 iframe A 裡面的 function :


if (document.frames) {
return parent.document.frames[id].document; //IE
} else {
return parent.document.getElementById(id).contentDocument; //W3C
}

這邊抓到的就是 iframe 裡面的文件,不是HTML也不是BODY,所以如果想要針對該 iframe 轉址,就可以使用:

parent.document.getElementById(id).contentDocument.location.reload(); //W3C

parent.document.frames[id].document.location.reload(); //IE

嗯…好像很簡單,不過找很久~哈!

Advertisements

One thought on “js 控制 iframe 內容(FF/IE)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s