`
wangcaiwq
  • 浏览: 7407 次
文章分类
社区版块
存档分类
最新评论

Iframe使用小结

 
阅读更多

1. Iframe里的页面的$(document).ready()未执行。解释如下:

IE只有在页面不是嵌入frame中的情况下才和Firefox等一样,先执行$(document).ready()的内容,再执行原来的onload方法。对于嵌入frame中的页面,也只是绑定在load事件上执行,所以自然是在原来的onload绑定的方法执行之后才轮到。

只好用onload了。参考文章:http://www.111cn.net/wy/jquery/46648.htm

2.Iframe内页面与父页面交互。

frame内网页的function如何控制父类网页
jquery方法:
1)在iframe中查找父页面元素的方法:(同理class)
$('#id', window.parent.document)

2)在iframe中调用父页面中定义的方法和变量:
parent.method
parent.value

3)
在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(”:text”);
在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).find(”:text”);

js方法:
父窗口操作IFRAME:window.frames["iframeSon"].document
IFRAME操作父窗口: window.parent.document
来源:http://zhidao.baidu.com/question/570687749.html

分享到:
评论

相关推荐

    iframe自适应高度的多种方法小结

    iframe自适应高度的多种方法小结

    子窗口iframe跳转到父窗口

    子窗口iframe提交后跳转到父窗口,总结四种方法。

    iframe自适应高度的多种方法方法小结

    iframe自适应高度的多种方法方法小结

    iframe框架的多种刷新方法总结

    适合用于iframe框架集的几种页面刷新方法,局部刷新,动态刷新, window.location.herf的刷新方式

    Iframe模拟Jquery.Ajax

    本人开发的积累总结,Iframe模拟Ajax 可以跨越的操作。

    HTML iframe 用法总结收藏

    Iframe用法精析 <iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src=move-ad.htm></iframe> <IFRAME>用于设置文本或图形的浮动图文框或容器。 BORDER &...

    Flex嵌入IFrame解决方案

    根据项目中的实际情况,总结的Flex嵌入IFrame解决方案

    iframe 自适高度 JS控制代码实现

    iframe 自动调节高度 ,而且不需要滚动条的功能总结 <!--自动调节高度 ,而且不需要滚动条的功能--> <!-- 以下处理自动调节后页面 从新布局后 内容被覆盖的问题 --> 个人总结

    jquery 操作iframe的几种方法总结

    iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法:父窗口操作IFRAME:window.frames[“iframeSon”].documentIFRAME操作父窗口: window.parent.document jquery...

    jQuery操作iframe中js函数的方法小结

    本文实例讲述了jQuery操作iframe中js函数的方法。分享给大家供大家参考,具体如下: 1、jquery操作iframe中的元素(2种方式) var tha = $(window.frames[core_content].document).find(#trewuuu).html(); var thb ...

    详解iframe跨域的几种常用方法(小结)

    主要介绍了详解iframe跨域的几种常用方法(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    JavaScript框架(iframe)操作总结

    iframe>来标记,用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问,例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的...

    IE iframe的onload方法分析小结

    看其代码才明白,真正意义上来讲IE在创建一个新的iframe时的onload方法需要使用attachEvent来绑定,而原来就存在的iframe的onload方法,则可以直接绑定。 说的有些乱,大家看代码,一看便知: 代码如下: <ifr

    js实现刷新iframe的方法汇总

    javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有: 代码如下: <iframe src=”1.htm” name=”ifrmname” id=”ifrmid”></iframe> 第一种方法:用...

    HTML中iFrame标签的两个用法介绍

    简言之就是将喜欢的图片收藏到布兜页面上来,这其中用到了很多关于iframe的方面,总结如下: 1. 作为弹出层铺底覆盖  大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素...

    js防止页面被iframe调用的方法

    有时候我们发会现自己的网站页面被别人调用并且一模一样,这个其实就是简单的iframe调用了,下面我来给大家介绍js防止页面iframe调用的方法总结吧,有需要的朋友可参考 二、解决方法: 防止自己的网页被人框架: top...

    iFrame的妙用作为弹出层铺底覆盖

    简言之就是将喜欢的图片收藏到布兜页面上来,这其中用到了很多关于iframe的方面,总结如下: 1. 作为弹出层铺底覆盖 大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素,...

Global site tag (gtag.js) - Google Analytics