装载iframe 子页面,自适应高度

ie6、firefox2 通过,麻烦有ie7的网友测试一下,

由于有其他代码,剖析出来麻烦,截图也麻烦,代码很简单,所以就直接写部分出来好了。

假设主页面有一个div,里面放置一个iframe
<div id="frameBox">
<iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0"  scrolling="no"></iframe>
</div>
3个菜单链接,分别在iframe加载 1.html、2.html、3.html 三个页面。

3个子页面分别在自己页面加载完window.onload执行
function aa(){  
       var newHeight = document.body.scrollHeight + 20 + "px";       
       window.parent.document.getElementById("frameBox").style.height = newHeight;
       //以上firefox通过,但是ie6必须加上下面这句,不然iframe高度是改了,但是可见区域没有改
       window.parent.document.getElementById("frameWin").style.height = newHeight;
}

时间: 2024-10-07 15:34:11

装载iframe 子页面,自适应高度的相关文章

利用JS实现iframe 子页面自适应高度

ie6.firefox2 通过, 假设主页面有一个div,里面放置一个iframe<div id="frameBox"><iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0"  scrolling="no">

javascript 装载iframe的子页面自适应高度

假设主页面有一个div,里面放置一个iframe: <div id="frameBox"> <iframe id="frameWin" src="1.html" name="opWin" style="width:100%;height:100%" frameborder="0" scrolling="no"></iframe> &

javascript 装载iframe子页面,自适应高度_javascript技巧

假设主页面有一个div,里面放置一个iframe 复制代码 代码如下: <div id="frameBox"> <iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no"></

iframe 中动态自适应高度

问题描述 iframe 中动态自适应高度 iframe中的src是动态的 现在想做成自适应高度,百度也找不到合适的方法,我的是ie8, 求各位解答,谢谢了! 解决方案 iframe自适应高度让Iframe自适应高度iframe自适应高度 解决方案二: 跨域没有?跨域了没有搞,没跨域添加onload事件获取加载页面滚动高度设置iframe高度 <iframe onload="resetIframeHeight(this)"... <script> function re

嵌入式iframe子页面与父页面js通信的方法

 这篇文章主要介绍了嵌入式iframe子页面与父页面js通信的方法,实例分析了嵌入式iframe子页面与父页面js通信的常用技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了嵌入式iframe子页面与父页面js通信的方法.分享给大家供大家参考.具体分析如下: iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信. 一.同域下父子

iframe子页面与父页面在同域或不同域下的js通信_javascript技巧

iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 父页面parent.html 复制代码 代码如下: <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say()

div-点击DIV外任意地方隐藏此DIV 或点击iframe子页面中隐藏 父页面DIV

问题描述 点击DIV外任意地方隐藏此DIV 或点击iframe子页面中隐藏 父页面DIV <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="http://www.p

iframe 嵌套 子页面-html为 iframe子页面 弹出窗口 指定显示位置

问题描述 html为 iframe子页面 弹出窗口 指定显示位置 问题描述: 一个页面a.html中通过iframe内嵌了一个子页面b.html(这个无权修改),b.html中有一个按钮cButton, 点击这个按钮会弹出显示一个表单,现在想让这个弹出的表单显示到a.html中的一个iframe或者div中,请问怎么实现? 解决方案 在点击B的事件中使用调用A的Function.调用示例比如A有一个方法为showForm(),则在B的按钮事件中直接使用Window.Parent.showForm

如何获取iframe子页面中的所有a标签并替换其中的href参数

问题描述 如何获取iframe子页面中的所有a标签并替换其中的href参数 iframe中的src是其他系统的一个链接,iframe中包含了很多a标签,先需要将a标签中的src批量替换成其他标签,应该如何操作 解决方案 跨域没有?没有用下面的,跨域没搞 <script> function resetUrl(i) { var as = i.contentWindow.document.getElementsByTagName('a'); for (var i = 0, j = as.length