父子通信
思路:获取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)