Iframe的高階操作

2021-04-28 17:05:08 字數 994 閱讀 7688

這樣的操作需要提供兩個頁面,乙個頁面是iframe所在頁面(頁面名稱:parent.htm),另乙個頁面是iframe屬性src指向頁面(頁面名稱:child.htm)。

parent.htm,裡dom:

1<

iframe 

id="iid"

name

="iname"

src="frame.htm"

scrolling

="no"

frameborder

="1"

style

=" border:solid 1px blue"

>

iframe

>

child.htm,的元素如下:

1<

body 

style

=" height:400px; vertical-align:top"

>

2這是frame紅的div

<

br />

3高度時400px    

4body

>

獲取iframe物件內容

1

function

getframecontent()   

iframe物件的contentwindow屬性在ie6,ie7,firefox2.0,firefox3.0下都測試通過,大家可以放心使用。

設定iframe的高度隨frame的內容高度自適應

在網上有很多設定iframe內容自適應的**網上看到很多,我試了,很多很麻煩都不能用,其實並不複雜。只需在iframe onload的時候執行這個函式就行了。 1

function

setframeheight()

設定iframe的內容自適應1

function

setframeedit()  

iframe的相關操作

答 document.getelementbyid iframe的id contentwindow.location.reload true 2 iframe檔案的內容怎麼和其使用檔案進行通訊 答 通過postmessage事件進行傳送 然後addeventlistener監聽message進行獲取...

iframe操作記要

使用uur框架時,主頁上iframe結構如下 index my97datepicker,沒使用這個日曆控制項時沒有這個iframe frameleft左側選單 frameright右側內容 當在frameright中有uur框架彈出視窗時,會在index加乙個div,裡面會有個iframe,結構如下...

iframe相關操作

下面為要呼叫的iframe標籤,也可以通過類名來設定寬高 我是父頁面的內容,點選iframe中的按鈕,觸發父頁面中的事件,改變 1 子級iframe會改變我的內容 點我呼叫子iframe中的方法 我是父頁面的內容 我是ifr的內容 我是iframe1 點我改變父頁面內容 1 1 1 原生js 父調子...