关于iframe

Posted by VickyWu on February 20, 2017

父子通信

思路:获取window–>获取document

获取iframe中div 1.获取子iframe 1.1js

var iframe=document.getElementById('iframe');
var div = iframe.contentWindow.document.getElementsByTagName('div');

1.2jquery

var div1=$('#iframe').contents().find('div');

获取父div

var div2=window.parent.document.getElementsByTagName('div');

iframe内嵌窗口

iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。其部分属性简介如下:   name:内嵌帧名称   width:内嵌帧宽度(可用像素值或百分比)   height:内嵌帧高度(可用像素值或百分比)   frameborder:内嵌帧边框   marginwidth:帧内文本的左右页边距   marginheight:帧内文本的上下页边距   scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)   src:内嵌入文件的地址   style:内嵌文档的样式(如设置文档背景等)   allowtransparency:是否允许透明     // iframe外的body,html设为overflow-y:auto;height:100%      iframe动态设置内容  js  $('iframe').contents().find('body').html(str)