jQuery控制IFRAME

最新推荐文章于 2023-05-26 11:28:04 发布
最新推荐文章于 2023-05-26 11:28:04 发布
阅读量671 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery控制IFRAME
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dahuzix/article/details/12649383
版权

jQuery控制IFRAME   

2010-01-04 10:31:28|  分类： jQuery|字号 订阅

DOM方法：

父窗口操作IFRAME：window.frames["iframeSon"].document

IFRAME操作父窗口: window.parent.document

 

jquery方法:

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

在IFRAME中操作 选中父窗口中的所有输入框：$(window.parent.document).find(”:text”);

 

iframe框架的HTML：<iframe src=”test.html” id=”iframeSon” width=”700″ height=”300″ frameborder=”0″ scrolling=”auto”></iframe>

细心的朋友一下就能理解，原理其实很简单，就是用到了$(DOM对象)转换成jquery对象。

用jQuery在IFRAME里取得父窗口的某个元素的值
只好用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”);
iframe框架的：
<iframe src=”test.html” id=”iframe1″ width=”700″ height=”300″ frameborder=”0″ scrolling=”auto”></iframe>
IE7中测试通过
代码：

HTML语言:  Codee#8631
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml" >    
<head>    
    <title>jQuery控制iframe</title>    
    <mce:script type="text/ecmascript" src="../js/jquery-1.2.6.js" mce_src="js/jquery-1.2.6.js"></mce:script>    
    <mce:script type="text/javascript">
        $(function(){    
            $("#t1").hover(function(){alert('');});    
            //$("iframe").contents().find("body").append("I'm in an iframe!");     
            //$(window.frames["iframe1"].document).find("input[@type='text']").attr("size","30px");    
            //$("#iframe1").contents().find("#d1").css('color','red');    
            //$(window.frames["iframe1"].document).find("input[@name='t1']").css({background:"#369"});    
            //$("#iframe1").src("test.html");    
        });    
   </mce:script>    
</head>    
<body>    
<div>    
<input type="text" id="t1" />    
<iframe id="iframe1" src="child.htm" mce_src="child.htm"></iframe>    
<iframe src="child.htm" mce_src="child.htm" width="300" height="100"></iframe>    
</div>    
<div>    
</div>    
</body>    
</html>   
dahuzix
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery控制iFrame
天祺围棋
12-24 2954
 研究半天没有成功，保存再研究。参考：http://hi.baidu.com/hankx/blog/item/5d4f4e08a85370920a7b82c8.htmlhttp://www.cnblogs.com/Terrylee/archive/2007/12/09/the-ultimate-jquery-plugin-list.html用jQuery在IFRAME里取得父窗口的某个元素的值
jQuery 操作 iframe
多一点点的专栏
03-19 1241
iframe框架的HTML " + " 1.父窗口操作子窗口 $(window.frames["iframeSon"].document).find("input[@type='radio']").attr("checked","true"); 2.子窗口操作父窗口 $(window.parent.document).find(":text"); 3.父窗口调用子窗口的JS方法 windo
jquery操作iframe
weixin_34290631的博客
09-12 273
jquery操作iframe： 其实原理很简单，主要就是找对象或者称之为找元素。例子如下： 父页面html代码： <html> <head> <title>这里是父页面</title> <script type=”text/javascript” src=”jquery.1.4.2.min.js”></script...
jquery 操作iframe的几种方法总结选择器
qq_32722591的博客
05-26 3939
("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。
JQuery之操作iframe
优秀程序员的专栏
04-15 3198
1、使用两种方式操作iframe中的元素。原理是跟jquery获取对象是一样的，只不过是先获取了iframe元素，然后在对iframe的内容再次进行操作。 var str = $(window.frames["iframe"].document).find("#ev").html(); var stk = $("#iframe").contents().find("#ev").html();
jQuery控制iFrame(实例代码)
12-12
用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames[“iframe1”].document).find(”input[@type=’radio’]“)....
jQuery内嵌iframe导航菜单
06-24
本篇文章将详细讲解如何利用jQuery实现一个内嵌iframe的导航菜单，以及相关的设计与实现技巧。 一、jQuery 导航菜单基础 1. jQuery的选择器：jQuery 提供了丰富的选择器，如 ID 选择器 (#id)，类选择器 (.class) 和...
jQuery内嵌iframe导航菜单.zip
10-08
内嵌iframe导航菜单的核心在于，通过jQuery来控制iframe的源（src）属性，根据用户在导航菜单中的选择加载不同的页面内容。这使得我们可以在不刷新整个页面的情况下，快速切换显示的内容，提升用户体验。以下是一般...
jquery实现替代iframe的功能
飞一样的编程
01-10 1万+
原文连接http://www.cnblogs.com/qiufuwu618/archive/2013/08/14/3256688.html 1.使用iframe能很好的嵌入其他的网页或者网站，但是iframe每次加载都会浪费好多的时间，且会阻止其他元素的加载，搜索引擎也不能识别页面ifram框架中被调用的链接、文本、图片等等内容的。 2.ios不能很好的支持iframe
jquery之iframe的一些操作和处理
热门推荐
Demon丶冷漠
10-18 1万+
最近在做一个项目，中间有嵌套了一些iframe的东西，现在做一下整理，方便日后自己使用！ 第一，在iframe中查找父页面元素的方法： 父页面如下所示： &lt;!--父页面 --&gt; &lt;input type="hidden" name="id" id="id" value="2222" /&gt; 例如子页面想获取父页面的某个字段的值，子页面方法中可以使用如下的代码，即可得到
jquery 操作外部iframe
我的地盘
01-31 2510
实验内容： 图片显示页面： 页面显示图片列表，点击每张图片的时候，会在当前窗口显示一张大图片（背景是半透明遮罩层）。类似：http://blueimp.github.com/jQuery-Image-Gallery/ 要求：将该页面放入iframe内部，并可以将大部片显示在iframe所在的页面上 NOTE： 一般的做法，iframe 内部的操作时不会影响iframe以外的区域的（比如：
jQuery操作Frame（iFrame）
KingCruel的专栏
07-16 4555
&lt;input type="hidden" id="suppId" value="" /&gt; $(window.frames["frmHcInStorage"].document).find("#suppId").val(this.value()); console.log("PPP:" + $(window.frames["frmHcInStorag
jquery控制iframe根据内容高度自动调整问题。
chen798213337的博客
02-26 3204
1、问题描述 $(function() {     $("#JmenuFrame").load(function() {         var height = $(this).contents().find("body").height() + 40;         $(this).height(height   }); }); 该段代码实现 jquery控制iframe高度
jquery操作iframe的方法：父页面和子页面相互操作的方法
chelen_jak的专栏
09-26 1万+
原文出处：http://blog.csdn.net/wanghaoxu1014/article/details/7937634 今天在弄jquery操作iframe中元素：先由iframe中的子页面b.html给外面的父页面a.html页面传值，再将a.html页面计算机的值放到b.html页面上，这里就用到子页面和父页面相互传值，相互调用更自函数这些功能，这里我用一个简单的例子来介绍一下这
jquery 子页面控制父页面IFRAME的高度
qq_29663071的博客
04-18 1万+
$(window.parent.document).find("#mainFrame").css("height",""+mainFrameheigth+"px"); 　　jquery取得iframe元素的方法： 　　收集利用Jquery取得iframe中元素的几种方法: 　　Js代码 　　$(document.getElementById('iframeId').contentWin
jquery操作iframe的方法：父页面和子页面相互操作（九种情况）
xiaouncle的博客
05-23 1万+
现实开发中难免会遇到子页面、父页面相互操作的情况，由于时不时地会遇到几次（不是一次），所以就整理了一下父子页面相互相互调用常见的九种情况，作为自己的备忘录，同时也希望对大家有帮助。 一、子页面C1操作父页面P（下述三个方法写在子页面C1中） //获取父页面P中控件的值, btnParent1是子页面C1中的按钮 $("#btnParent1").click(function () { ...
jQuery控制iframe框架内元素
a538641097的博客
05-27 2104
用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find(”input[@type='radio']“).attr(”checked”,”true”); 2.在IFRAME中操作 选中父窗口中的所有单选钮...
jquery动态添加的表格行鼠标经过时候改变行的背景颜色
dahuzi的专栏
07-31 5303
遇到个小意外。 问题：我的表格是 用append()动态添加的表格行，实现表格鼠标经过 行 时候高亮显示，用bind(),或者.mouseover()+.mouseout()方法不起作用 $("tr").bind("mouseover",function(){ $(this).css("background-color","#FFF"); }); $("tr").bind("mou
jq控制iframe慢速滑动
最新发布
04-26
在jQuery中，要控制iframe的慢速滑动，可以使用animate()方法来实现。下面是一个示例代码： ```javascript // 获取iframe元素 var iframe = $('#myIframe'); // 获取iframe的滚动条位置 var scrollTop = iframe....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值