关闭

父页面 获取 子iframe的元素

标签: html5eachjquery
511人阅读 评论(0) 收藏 举报
分类:

补充:

jQuery中each类似于javascript的for循环

但不同于for循环的是在each里面不能使用break结束循环,也不能使用continue来结束本次循环,想要实现类似的功能就只能用return,
break           用return false
continue      用return ture



下面简单使用jQuery来操作iframe的一些记录

第一、在iframe中查找父页面元素的方法:
$('#id', window.parent.document)

第二、在父页面中获取iframe中的元素方法:
$(this).contents().find("#suggestBox")

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

iframe里用jquery获取父页面body
iframe.html


<html>
<script src='jquerymin.js'>
</script>
<body id='1'>
    <div>it is a iframe</div>
</body>    
<script>
    $(document).ready(
        function()
        {
           
        var c = $(window.parent.document.body) //麻烦的方法: var c = $($(window).eq(0)[0].parent.document).find('body'); ,忘了可以用前面的方法了
            
        alert(c.html());
        }
    );
    
</script>
</html>

content.html

<html>
    <script src='jquerymin.js'>
</script>
<body id='fa'>
    <iframe src='iframe.html' width='100' height='100'></iframe>
    <br>
        <br>
            <br>
            <div id='mydiv'>content iframe</div>
</body>    
<script>
    function a()
    {
        alert(1);
    }
    alert($(document).text());
    </script>
</html>


实际项目中应用的代码

function myCheck(iframe){
    	var flag = true;
    	$("input[name]",iframe.document).each(function(){
    		if($(this).attr("name")=="contentImage") return true;
    		if($(this).val()==""){
 				alert("表单不允许有空选项,请填写完整");
 				$(this).focus();
 				flag= false;
 				return flag;
 		  	}
    	});
 	   return flag;
 	} 



0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

js 在iframe子页面获取父页面元素,或在父页面 获取iframe子页面的元素的几种方式

用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: ...
  • u010684463
  • u010684463
  • 2016-03-10 17:37
  • 9941

Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1、 格式:wi...
  • tanguang_honesty
  • tanguang_honesty
  • 2013-10-17 15:00
  • 17694

通过js或jQuery,<iframe>子父窗口之间元素、方法、window的相互获取

1、js在子窗口获取父窗口的window window.parent //此时可以调用父窗口的window方法,比如获取父窗口的高度window.parent.innerHeight,宽度window...
  • MOONCOM
  • MOONCOM
  • 2016-11-11 17:55
  • 8725

【HTML/JS,JQuery】JQuery操作iframe父页面与子页面的元素与方法

http://www.cnblogs.com/imteach/p/3798375.html JQUERY IFRAME 下面简单使用Jquery来操作iframe的一些记录...
  • CrackLibby
  • CrackLibby
  • 2016-07-22 15:03
  • 2203

iframe跨域传输数据(一);子页面访问主框架DOM元素;

如果使用同域的方法,浏览器判断A.html 与 B.html 不同域,会有错误提示。 Uncaught SecurityError: Blocked a frame with origin “htt...
  • J_Y_X_8
  • J_Y_X_8
  • 2016-03-16 18:29
  • 3636

如何操作iframe父页面中的元素、方法、变量

如何操作iframe父页面中的元素、方法、变量
  • wxl1555
  • wxl1555
  • 2017-08-29 15:32
  • 330

easyUI的iframe子页面获取父页面元素和给父页面元素赋值

iframe子页面获取父页面对象         function callback() {            self.parent.$('#AdPicUrl').val();...
  • yelin042
  • yelin042
  • 2017-06-24 17:04
  • 780

原生js获取iframe中dom元素--父子页面相互获取对方dom元素

用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1、父页面(demo.html),在父页面修改子页面div的背景色为灰...
  • huanghui8030
  • huanghui8030
  • 2012-11-27 17:55
  • 7890

Iframe获取父页面的变量和控件

  • 2014-05-31 23:31
  • 34KB
  • 下载

jquery操作iframe父级页面元素的方法

http://www.daimajiayuan.com/sitejs-17146-1.html JQuery调用iframe子页面函数/对象的方法例子: 父页面有个ID为mainfrm...
  • mituan1234567
  • mituan1234567
  • 2015-02-10 16:14
  • 464
    个人资料
    • 访问:21056次
    • 积分:246
    • 等级:
    • 排名:千里之外
    • 原创:10篇
    • 转载:0篇
    • 译文:0篇
    • 评论:15条
    文章分类
    文章存档
    最新评论