快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery子窗口,jquery页面

Jquery:如何让子窗口的div显示在父窗口之上

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:

来原:

如何通过JQuery实现子窗口操作父窗口

在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对象(两种方法)

JQuery怎么获取子窗口的元素

$(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

jquery怎么弹出子窗口

推荐你使用layer弹窗,你网上搜这个,有很多特效,美观好用

如果要自己写,需要写一个遮罩层,使用jquery点击显示,思路就是这样


本文题目:jquery子窗口,jquery页面
分享链接:http://6mz.cn/article/hooidg.html

其他资讯