获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素获取Iframe页面高度并赋值给I

最近接手了别人的项目，别人用到了iframe，自己在实战中总结了一些关于iframe的小问题。

获取Iframe页面高度并赋值给Iframe
Html

Js
function iFrameHeight() {
var ifm= document.getElementById("iframeId");
var subWeb = document.frames ? document.frames["iframeId"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.style.height = 'auto'; //关键这一句，先取消掉之前iframe设置的高度
ifm.style.height = subWeb.body.scrollHeight+'px';
}
};

获取iframe里的元素
1，contentWindow:是用来获取子窗口的window对象的，它兼容各大浏览器，用法如下
document.getElementById("iframeId").contentWindow
这样简单的一句就得到了iframe包含页面的window对象；

2，contentDocument:是用来获取子窗口的document对象的，主流浏览器都支持和ie8+支持，用法如下
document.getElementById("iframeId").contentDocument
这样简单的一句就得到了iframe包含页面的document对象；

以上两种方法是在父窗口中获取到子窗口，既然我们都能拿到子窗口window对象和document对象了，那么子窗口内其他的操作就easy了！
如果要通过子窗口A访问到同级的子窗口B，那么我们可以在子窗口A中这么来做：
parent.getElementById("iframeId").contentWindow.document.getElmentById("frameId_B")
或者parent.getElementById("iframeId").contentDocument.getElmentById("frameId_B")就得到B窗口了。

【获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素】转载于:https://www.cnblogs.com/ranyonsue/p/10684835.html

获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素

推荐阅读

什么鸟儿是飞行家

古风笔名

怀孕初期吃什么好怀孕初期饮食原则

redis查看当前是哪个数据库查看redis数据库版本

【创融同学会征4动态】征4创融跑团戈壁挑战赛备战会议圆满成功

现在的英雄联盟满攻速是点那个符文？

蟹蒸出来怎么蟹黄变黑了

柠檬女孩什么意思柠檬女孩的意思

tr4

佳能万能版清零软件-打印机清零软件怎么下载

Android开源日志库Logger

牵牛花种子什么时候种植牵牛花种子什么时候种

西门子燃气灶显示灯解决方法有哪些？

夏季吃红辣椒可以预防中暑

大豆纤维被孔数越多越好吗

牛抄藤

usbcan分析仪

青海信创服务器在知乎上的评价如何？青海信创服务器怎么样知乎

怎样培殖蚯蚓水蚯蚓培育方法

中国联通手机营业厅100M全国流量免费领升级即可领取