JS中插入iframe 自适应高度解决方法
JS中插入iframe 自适应高度
小白一个 用114源代码做网址导航
主页面调用main.js, main.js中点击切换tab 调用不同的外部网址url
怎么样才可以实现iframe自适应高度
这是tab菜单：
这是js主要代码：（百度好多无法自适应高度调用外部url）
调用网址实例：
------解决方案--------------------
一个简单的思路是
加载完成iframe后 获取其body的宽度
再动态的去设置iframe的宽度
------解决方案--------------------
在你的iFrame上添加onload事件，在onload事件中获取iFrame的body的高度，再把外层div的高度设为这个高度就好了。
------解决方案--------------------
跨域不行。。获取不到iframe里面内容
小白一个 用114源代码做网址导航
主页面调用main.js, main.js中点击切换tab 调用不同的外部网址url
怎么样才可以实现iframe自适应高度
这是tab菜单：
这是js主要代码：（百度好多无法自适应高度调用外部url）
调用网址实例：
------解决方案--------------------
一个简单的思路是
加载完成iframe后 获取其body的宽度
再动态的去设置iframe的宽度
------解决方案--------------------
在你的iFrame上添加onload事件，在onload事件中获取iFrame的body的高度，再把外层div的高度设为这个高度就好了。
<iframe id="frame" border='0' width='100%' height='100%' src='表格1.html' onload="height()"></iframe>
function height2(){
var frame = document.getElementById("frame");
var nheight;
if (frame.Document){
nheight = frame.Document.body.scrollHeight + 20 + "px";
}else{
nheight = frame.contentDocument.body.scrollHeight+ 20 + "px";
}
document.getElementById("div")..style.height = nheight;
}
------解决方案--------------------
跨域不行。。获取不到iframe里面内容