父页面 获取 子iframe的元素

标签: html5 each jquery
790人阅读 评论(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;
 	} 



查看评论

iframe子页面中获取父页面元素的值

1.获取父页面的一个span的内容var username=$("#user",parent.document).text();2.如果需要获取的元素和当前iframe还隔着好几个iframe可以用v...
  • u014327499
  • u014327499
  • 2017-09-15 09:15:40
  • 622

Jquery 获取 iframe 父页面与子页面的元素和方法

1.在页面中查找 iframe 页面元素: $("#iframe").contents().find("#id") 2.在 iframe 中查找父页面元素: $("#id", parent....
  • a497785609
  • a497785609
  • 2016-05-30 10:09:19
  • 8969

iframe子页面获取父页面元素的方法

在iframe子页面获取父页面元素    代码如下: $.('#objld', parent.document); 在父页面获取iframe子页面的元素    代码如下: $("#objid"...
  • lhzjj
  • lhzjj
  • 2013-12-10 11:22:12
  • 68849

iframe子页面获取父页面的点击事件

iframe子页面获取父页面的点击事件
  • Qiustion
  • Qiustion
  • 2017-08-01 11:01:50
  • 1757

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

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

jsp子页面(iframe)获取父页面(在另一个页面中用iframe)元素的方法

1.有一个页面myjsp.jsp 2.父页面包含在myjsp.jsp中: 3.在fatherjsp.jsp中包含子页面如: 4.在sonjsp.jsp获取div的属性方法: parent.f...
  • jinziweiwang
  • jinziweiwang
  • 2017-01-13 16:45:19
  • 2305

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

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

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

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

iframe子页面与父页面间元素及js变量的访问

1、子页面访问父页面元素  parent.document.getElementById('id')和document相关的方法都可以这样用  2、父页面访问子页面元素  docum...
  • ldw184
  • ldw184
  • 2014-04-09 15:32:04
  • 3819

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

1、js在子窗口获取父窗口的window window.parent //此时可以调用父窗口的window方法,比如获取父窗口的高度window.parent.innerHeight,宽度window...
  • MOONCOM
  • MOONCOM
  • 2016-11-11 17:55:56
  • 13514
    个人资料
    持之以恒
    等级:
    访问量: 3万+
    积分: 314
    排名: 24万+
    文章分类
    文章存档
    最新评论