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

<iframeid="leftiframe"></iframe>

<iframeid="mainiframe></iframe>

<iframeid="leftiframe"></iframe>

<iframeid="mainiframe></iframe>

leftiframe中jQuery改变mainiframe的src代码:

1

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

2、假设内容里面有一个ID为mainiframe的ifame

<iframeid="mainifame"></ifame>

<iframeid="mainifame"></ifame>

ifame包括一个someID

<divid="someID">youwanttogetthiscontent</div>

<divid="someID">youwanttogetthiscontent</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:


优质内容筛选与推荐>>
1、洛谷P3515 [POI2011]Lightning Conductor(动态规划,决策单调性,单调队列)
2、VB.Net常用数学函数整理
3、Python 之路 Day5 - 常用模块学习
4、Mysql添加path变量
5、俞老师在同济大学的演讲词:度过有意义的生命


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号