ifram父頁面 子頁面元素及方法的獲取呼叫

2022-09-12 20:42:25 字數 1582 閱讀 6133

page1 父頁面

<

div

id="ifram"

class

="parent1"

>

<

iframe

frameborder

="0"

id="ifram1"

name

="ifram1"

scrolling

="auto"

src=""

style

="border: 1px solid #f00"

>

iframe

>

div>

<

script

>

/*獲取子頁面元素(必須放到window.onload)

*/window.onload

=function

() ;

/*父頁面方法

*/function

pmethod()

script

>

page2 子頁面

<

div

id="ifram1"

class

="child1"

>

ifram1

div>

<

iframe

frameborder

="0"

id="ifram1_1"

name

="ifram1_1"

scrolling

="auto"

src="_1"

style

="border: 1px solid #f00"

>

iframe

>

<

script

>

varpclass =$(

'#ifram

', parent.document).attr(

"class");

/*父視窗元素

*///

window.parent.pmethod();/*呼叫父方法*/

/*子頁面方法

*/function

cmethod()

script

>

page3 子頁面中的子頁面

<

div

id="ifram1_1"

class

="child1_1"

>

ifram1_1

div>

<

script

>

varpclass =$(

'#ifram

', parent.parent.document).attr(

"class");

/*父父視窗元素

*///

console.log(pclass);

呼叫父父方法*/

/*子頁面方法

*/function

ccmethod()

script

>

JQUERY IFRAME 父頁面子頁面互相查詢

第 一 在iframe中查詢父頁面元素的方法 id window.parent.document 第二 在父頁面中獲取iframe中的元素方法 this contents find suggestbox 第三 在iframe中呼叫父頁面中定義的方法和變數 parent.method parent.v...

js jquery父頁面 子頁面互相呼叫

1.呼叫父頁面方法 window.parent.window.test 呼叫父層window的test 方法 window.top.window.test 呼叫頂層window的test方法前提是父頁面方法要全域性訪問到,比如放到ready中就訪問不到,直接放到下2.呼叫子頁面方法 window.f...

父頁面子頁面傳參及函式呼叫介面

inte ce inte ce.parentwin inte ce.childwin 父頁面提供的標準介面函式名稱 inte ce.parentwin.funname 父頁面設定需要提供給子頁面的介面函式 param childwinid 要使用的子頁面對應介面的id,該id需要與子頁面中定義的id...