JQUERY设置IFRAME的SRC值的代码

 更新时间:2010年11月30日 16:27:06   作者:  
有时候需要设置iframe的src属性,下面是基于jquery的实现代码。
复制代码 代码如下:

$(window.parent.document).find("#Frm_Main").attr("src",url);


使用jquery操作iframe

1 内容里有两个ifame

<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>

leftiframe中jQuery改变mainiframe的src代码:
$("#mainframe",parent.document.body).attr("src","https://www.jb51.net ")

2 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容

$("#mainiframe").contents().find("someID").html() 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()

相关文章

  • jquery单击事件和双击事件冲突解决方案

    jquery单击事件和双击事件冲突解决方案

    这篇文章主要为大家分享了jquery单击和双击事件冲突解决方案,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • jquer之ajaxQueue简单实现代码

    jquer之ajaxQueue简单实现代码

    手头不是很忙,突然想到了ajax queue这个概念,之前貌似有看技术文章中提到过这个,就想着用jquery来实现一下,思想比较简单
    2011-09-09
  • jQuery zclip插件实现跨浏览器复制功能

    jQuery zclip插件实现跨浏览器复制功能

    这篇文章主要介绍了jQuery zclip插件实现跨浏览器复制功能的方法,以及在实现过程中遇到的问题,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 2013年优秀jQuery插件整理小结

    2013年优秀jQuery插件整理小结

    今天为大家推荐的是2013年的第一期,在这期里面十个jQuery插件涵盖了响应式的网格布局插件、图片放大插件、表单元素中自定义select插件,google 地图插件、文件拖放上传插件、tooltip提示插件、3D旋转菜单等等
    2013-11-11
  • 解析Jquery取得iframe中元素的几种方法

    解析Jquery取得iframe中元素的几种方法

    iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下
    2013-07-07
  • jQuery为动态生成的select元素添加事件的方法

    jQuery为动态生成的select元素添加事件的方法

    下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • jQuery团购倒计时特效实现方法

    jQuery团购倒计时特效实现方法

    这篇文章主要介绍了jQuery团购倒计时特效实现方法,可实现相对固定时间的倒计时效果,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • jQuery的Cookie封装,与PHP交互的简单实现

    jQuery的Cookie封装,与PHP交互的简单实现

    下面小编就为大家带来一篇jQuery的Cookie封装,与PHP交互的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • JQUERY操作JSON实例代码

    JQUERY操作JSON实例代码

    通过这篇文章你可以得到以下收获JQUERY操作JSON的一些实现方法。
    2010-02-02
  • ligerUI的ligerDialog关闭刷新的方法

    ligerUI的ligerDialog关闭刷新的方法

    今天小编就为大家分享一篇ligerUI的ligerDialog关闭刷新的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论