Jquery中父,子頁面之間元素獲取及方法呼叫

2022-02-02 16:56:54 字數 972 閱讀 4435

一、jquery 父、子頁面之間頁面元素的獲取,方法的呼叫:

1. 父頁面獲取子頁面元素:

格式:$("#iframe的id").contents().find("#iframe中的控制項id").click(); 

例項:$("#ifm").contents().find("#ibtnok").click(); // ifm 為 標籤 id; ibtnok 為子頁面按鈕 id

2. 父頁面呼叫子頁面方法:

格式:$("#iframe的id")[0].contentwindow.iframe方法(); 

例項:$("#ifm")[0].contentwindow().iclick(); // ifm 為 標籤 id; iclick為子頁面 js 方法

3. 子頁面獲取父頁面元素:

格式:$("#父頁面元素id" , parent.document);

例項:$("#pbtnok" , parent.document).click(); // pbtnok 為父頁面標籤 id

二、原生 js 父頁面元素的獲取,方法的呼叫:

1. 子頁面呼叫父頁面方法:

格式:parent.父頁面方法

例項:parent.pclick(); // pclick 為父頁面 js 方法

2. 子頁面獲取父頁面元素:

格式:window.parent.document.getelementbyid("父視窗元素id");

例項:window.parent.document.getelementbyid("pbtnok");// pbtnok為父頁面標籤 id

父子頁面之間元素相互操作 iframe子頁面

js jquery獲取iframe子頁面中元素的方法 一 使用window.frames iframe的id 獲取元素 window.onload function 注意 此處一定要加上window.onload或者domcontentloaded,也就是dom載入或者頁面載入完成後。二 使用win...

jQuery獲取父子同級元素

1.獲取父級元素 id parent 獲取其父級元素 id parents 獲取其所有的祖先元素 id closest 獲取其最近的祖先元素,依次上溯 2.獲取同級元素 id next selector 獲得匹配元素緊鄰的下乙個同胞元素。如果提供選擇器,則取回匹配該選擇器的下乙個同胞元素。id ne...

Layer 父子頁面之間的互動

父頁面獲取子頁面 var body layer.getchildframe body index 建立父子聯絡 body.find parameter val 直接用body.子類元素 操作子頁面元素 子頁面操作父頁面var index parent.layer.getframeindex wind...