十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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点击显示,思路就是这样