关于IFRAME 自适应高度的研究
关于IFRAME 自适应高度的研究——之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下。
重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”
之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下
超简单哦
1、建立一个bottom.js的文件,然后输入下面的代码(只有两行哦)
parent.document.all("框架ID名").style.height=document.body.scrollHeight;
parent.document.all("框架ID名").style.width=document.body.scrollWidth;
这里的 框架ID名 就是Iframe的ID,比如:
<IFRAME id="框架ID名" name="left" frameBorder=0 scrolling=no src="XXX.asp" width="100%"></IFRAME>
2、给你网站里所有的被包含文件里面每个都加入
<script language = "JavaScript" src = "bottom.js"/></script>
3、OK,收工!
我在WINXP、IE6下面测试通过。很简单吧!
相关推荐
-
让iframe自适应高度(支持xhtml)IE firefox兼容
获取页面高度,窗口高度,滚动条高度等参数值 document.body.offsetHeight){ // all but Explorer Mac xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari xScroll = docume
-
JavaScript 处理Iframe自适应高度(同或不同域名下)
1.同域名下Iframe自适应高度的处理 复制代码 代码如下: <iframe onload="Javascript:SetIFrameHeight(this)" src="../Home/b" id="win" name="win" width="100%" height="1"> </iframe> 当然此处我用的是Asp.Net MVC 此处src设置为路由
-
[转]目前找到的最好的Iframe自适应高度代码
注:onload字段中的数值"200"为设置的Iframe最低高度值! 当然iframe,html要在同一子域下才可以,否则警告没有权限. <iframe src="iframe.html" name="iframe" id="iframe" allowtransparency="true" align="default" marginwidth="0" mar
-
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
复制代码 代码如下: <script type="text/javascript"> function reinitIframe(){ var iframe = document.getElementById("mainFrame"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.documen
-
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自适应高度的多种方法方法小结
不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以"伸缩自如",所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数: 第一种方法:代码简单,兼容性还可以,大家可以先测试下. 复制代码 代码如下: function SetWinHeight(obj) { var win=obj; if (documen
-
让iframe自适应高度(支持XHTML,支持FF)
先说明,这个办法只限于iframe中的子页面也是本地页面(不能引用外网页面) ======方法===== 第一步 js部分 function getSize() { var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yS
-
Iframe 自适应高度并实时监控高度变化的js代码
google N次 + 百度M次 + 试验了1605次之后(听说农药1605就是实验了这么多次后出来的),得出下面成果,在IE7及Firefox3里试了下还能凑合着用用! 1.首先给出个Iframe. 复制代码 代码如下: <iframe id="ifrm" marginheight="0" marginwidth="0" height="100" width="1000" frameborder=&
-
iframe 自适应高度[在IE6 IE7 FF下测试通过]
第一种方法: 复制代码 代码如下: <script type="text/javascript" language="javascript"> <!-- //调整 PageContent 的高度 function TuneHeight() { var frm = document.getElementById("content01"); var subWeb = document.frames ? document.frames
-
Iframe自适应高度兼容ie,firefox多浏览器
复制代码 代码如下: <script type="text/javascript"> function SetCwinHeight(){ var bobo=document.getElementById("bobo"); //iframe id if (document.getElementById){ if (bobo && !window.opera){ if (bobo.contentDocument &am
-
关于div自适应高度/左右高度自适应一致的js代码
在使用DIV和CSS进行网页布局中,DIV的自适应高度和自适应宽度是一个很常见的问题. 为了保证页面的整体美观性,需要将两个或者多个层的高度/宽度保持一致. 左右自适应高度一致 Jquery 复制代码 代码如下: <div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/&g
随机推荐
- 在 Laravel 中 “规范” 的开发短信验证码发送功能
- Go语言字典(map)用法实例分析【创建,填充,遍历,查找,修改,删除】
- 使用jquery自定义鼠标样式满足个性需求
- .NET的file文件上传控件使用方法 修改web.config文件上传大文件
- JS实现日期时间动态显示的方法
- Linux/Unix环境下的Make和Makefile详解
- 详细解析C#多线程同步事件及等待句柄
- Powershell小技巧之轻松从网上下载文件
- 基于Nodejs利用socket.io实现多人聊天室
- mongodb数据库的6个安全设置命令
- mysql_connect localhost和127.0.0.1的区别(网络层阐述)
- IIS7与IIS6之功能比较
- Android开发自学笔记(二):工程文件剖析
- PHP实现桶排序算法
- Python反射的用法实例分析
- PHP中PCRE正则解析代码详解
- Linux利用keepalived实现lvs的高可用性的操作方法
- Vue2.0实现组件之间数据交互和通信操作示例
- Python可变和不可变、类的私有属性实例分析
- Eclipse中maven异常Updating Maven Project的统一解决方案