iframe 中的页面如何重置 iframe的大小

今天在工作中遇到一个事情,我们的一个页面放在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(

获取值

猜你喜欢

转载自blog.csdn.net/zjsxxzh/article/details/82222761