記錄iframe獲取父 子視窗的元素和方法

2021-08-20 01:15:33 字數 1140 閱讀 2563

子頁面獲取父頁面的id=care的子頁面

parent.care.location.reload();

父頁面獲取id=imp的子頁面

imp.location.reload();

1. jquery在iframe子頁面獲取父頁面元素和方法**如下:

parent.$("selector");

parent.method();

2. jquery在父頁面獲取iframe子頁面的元素和方法

**如下:

iframe.$("select");

iframe.method();

3.js在iframe子頁面獲取父頁面元素**如下:

window.parent.document.getelementbyid("元素id");

4.js在父頁面獲取iframe子頁面元素**如下:

window.frames["iframe_id"].document.getelementbyid("元素id");

方法呼叫

父頁面呼叫子頁面方法:framename.window.childmethod();

子頁面呼叫父頁面方法:parent.window.parentmethod();

dom元素訪問

獲取到頁面的window.document物件後,即可訪問dom元素

專案中是乙個div中巢狀了多個包含ifream的div,但是在包括iream的div中需要獲取父div的內容所以:

專案**:

var params = parent.$(".finbi[conditiondiv]").find("div iframe");    //獲取class為finbi並且包含屬性為conditiondiv的元素下的div 中的iframe元素

拿到之後是個陣列,迴圈獲取

for(var i=0 ;i

//contentdocument 屬性以 html 物件返回框架容納的文件

var con =  params[i].contentdocument.getelementbyid("conditionparam").getattribute("condate");

}注意jq和js的轉換:

jq--->js   : $()

js--->jq   :get(0)

iframe獲取父 子視窗的方法

jquery js呼叫iframe父視窗與子視窗元素的方法 1.jquery在iframe子頁面獲取父頁面元素 如下 objid parent.document 2.jquery 在父頁面獲取iframe子頁面的元素 如下 objid document.frames iframename docum...

iframe獲取父 子視窗的元素和方法

jquery js呼叫iframe父視窗與子視窗元素的方法 親測有效 子頁面獲取父頁面的id care的子頁面 parent.care.location.reload 父頁面獲取id imp的子頁面 imp.location.reload 1.jquery在iframe子頁面獲取父頁面元素和方法 如...

iframe獲取父 子視窗的元素和方法

jquery js呼叫iframe父視窗與子視窗元素的方法 親測有效 子頁面獲取父頁面的id care的子頁面 parent.care.location.reload 父頁面獲取id imp的子頁面 imp.location.reload 1.jquery在iframe子頁面獲取父頁面元素和方法 如...