Jquery：如何讓子窗口的div顯示在父窗口之上

1 js或者jQuery訪問(wèn)頁(yè)面中的框架iframe.

成都創(chuàng)新互聯(lián)作為成都網(wǎng)站建設(shè)公司，專(zhuān)注網(wǎng)站建設(shè)公司、網(wǎng)站設(shè)計(jì)，有關(guān)成都定制網(wǎng)頁(yè)設(shè)計(jì)方案、改版、費(fèi)用等問(wèn)題，行業(yè)涉及除甲醛等多個(gè)領(lǐng)域，已為上千家企業(yè)服務(wù)，得到了客戶的尊重與認(rèn)可。

注意:框架內(nèi)的頁(yè)面是不能跨域的! 假設(shè)有兩個(gè)頁(yè)面,在相同域下.

假設(shè)：父窗口 index.html ，有id 為 subifrm 的iframe

1. 在index.html執(zhí)行JS直接訪問(wèn)子窗口中某元素:

document.getElementById('subifrm').contentWindow.document.getElementById('test').style.color='red'

2. 利用jquery 來(lái)訪問(wèn)子窗口

$("#subifrm").contents().find("#test").css('color','red');

====================================================================

====================================================================

2 用DOM方法與jquery方法結(jié)合的方式實(shí)現(xiàn)互動(dòng)操作

1.在父窗口中操作 選中IFRAME中的所有單選鈕

$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 選中父窗口中的所有單選鈕

$(window.parent.document).find("input[@type='radio']").attr("checked","true");

====================================================================

====================================================================

3 使用jquery操作iframe

1 頁(yè)面里有兩個(gè)ifame

iframe id="leftiframe"/iframe

iframe id="mainiframe/iframe

iframe id="leftiframe"/iframe

iframe id="mainiframe/iframe

leftiframe中jQuery改變mainiframe的src代碼：

1

$("#mainframe",parent.document.body).attr("src","")

2、 如果內(nèi)容里面有一個(gè)ID為mainiframe的ifame

iframe id="mainifame"/ifame

iframe id="mainifame"/ifame

ifame包含一個(gè)someID

div id="someID"you want to get this content/div

div id="someID"you want to get this content/div

得到someID的內(nèi)容

$("#mainiframe").contents().find("someID").html();或者$("#mainiframe").contains().find("someID").text();

$("#mainiframe").contents().find("someID").html();或者$("#mainiframe").contains().find("someID").text();

$("#mainiframe").contents().find("someID").html();或者$("#mainiframe").contains().find("someID").text();

2 、如上面所示

leftiframe中的jQuery操作mainiframe的內(nèi)容someID的內(nèi)容

$("#mainframe",parent.document.body).contents().find("someID").html();或者$("#mainframe",parent.document.body).contents().find("someID").val();

source:

來(lái)原：

如何通過(guò)JQuery實(shí)現(xiàn)子窗口操作父窗口

在web開(kāi)發(fā)中，經(jīng)常會(huì)用到iframe，難免會(huì)碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素

在父窗口中獲取iframe中的元素

格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();

實(shí)例：$("#ifm").contents().find("#btnOk").click();

在iframe中獲取父窗口的元素

格式：$('#父窗口中的元素ID', parent.document).click();

實(shí)例：$('#btnOk', parent.document).click();

您可能感興趣的文章：

JQUERY 獲取IFrame中對(duì)象及獲取其父窗口中對(duì)象示例

Jquery中獲取iframe的代碼

jquery獲取iframe中的dom對(duì)象(兩種方法)

JQuery怎么獲取子窗口的元素

$(function(){//相當(dāng)天body的?onload，要等頁(yè)頁(yè)面加載完畢后才能找到iframe

$("#hong").contents().find("body").append("I'm?in?an?iframe!");

});

/script

iframe?width="1198"?height="729"?name="hong"?id="hong"?src=""?scrolling="no"?style="text-align:center"/iframe

jquery怎么彈出子窗口

推薦你使用layer彈窗，你網(wǎng)上搜這個(gè)，有很多特效，美觀好用

如果要自己寫(xiě)，需要寫(xiě)一個(gè)遮罩層，使用jquery點(diǎn)擊顯示，思路就是這樣

當(dāng)前題目：jquery子窗口,jquery頁(yè)面
分享地址：http://sd-ha.com/article16/hooidg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、小程序開(kāi)發(fā)、建站公司、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)