今天在工作中遇到一个事情,我们的一个页面放在iframe里,现在发现iframe 由于高度太高需要设置他的高度,不然底部留白太多。
用这句话解决:
parent.$("iframe")[0].style.height = "1400px";
这句话放在iframe里头的页面js里执行,解释一下
parent
获取父框架
$("iframe")[0]
在父框架中查找iframe,返回的是一个list 然后我这个页面只有一个iframe所以就直接取 0 也就是第一个结果
style
可以获取全部的样式
height
是这个iframe的高度
扩展
父框架 获取 iframe 里的值
架设我们的iframe的id是 myiframe
iframe 所加载的页面中有一个标签的id是demoOne
可以用
$("#myiframe").contents().find('#demoOne').html()
获取值