13518219792
1 js或者jQuery訪問頁面中的框架iframe.
成都創新互聯作為成都網站建設公司，專注網站建設公司、網站設計，有關成都定制網頁設計方案、改版、費用等問題，行業涉及除甲醛等多個領域，已為上千家企業服務，得到了客戶的尊重與認可。
注意:框架內的頁面是不能跨域的! 假設有兩個頁面,在相同域下.
假設：父窗口 index.html ，有id 為 subifrm 的iframe
1. 在index.html執行JS直接訪問子窗口中某元素:
document.getElementById('subifrm').contentWindow.document.getElementById('test').style.color='red'
2. 利用jquery 來訪問子窗口
$("#subifrm").contents().find("#test").css('color','red');
====================================================================
====================================================================
2 用DOM方法與jquery方法結合的方式實現互動操作
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 頁面里有兩個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、 如果內容里面有一個ID為mainiframe的ifame
iframe id="mainifame"/ifame
iframe id="mainifame"/ifame
ifame包含一個someID
div id="someID"you want to get this content/div
div id="someID"you want to get this content/div
得到someID的內容
$("#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的內容someID的內容
$("#mainframe",parent.document.body).contents().find("someID").html();或者$("#mainframe",parent.document.body).contents().find("someID").val();
source:
來原：
在web開發中，經常會用到iframe，難免會碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素
在父窗口中獲取iframe中的元素
格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();
實例：$("#ifm").contents().find("#btnOk").click();
在iframe中獲取父窗口的元素
格式：$('#父窗口中的元素ID', parent.document).click();
實例：$('#btnOk', parent.document).click();
您可能感興趣的文章：
JQUERY 獲取IFrame中對象及獲取其父窗口中對象示例
Jquery中獲取iframe的代碼
jquery獲取iframe中的dom對象(兩種方法)
$(function(){//相當天body的?onload，要等頁頁面加載完畢后才能找到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
推薦你使用layer彈窗，你網上搜這個，有很多特效，美觀好用
如果要自己寫，需要寫一個遮罩層，使用jquery點擊顯示，思路就是這樣
