[转]目前找到的最好的Iframe自适应高度代码
注:onload字段中的数值“200”为设置的Iframe最低高度值!
当然iframe,html要在同一子域下才可以,否则警告没有权限.
<iframe src="iframe.html" name="iframe" id="iframe" allowtransparency="true" align="default" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" height="200" width="500" onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>200?fdh:200)//code by Tencent.nokersang">This message is only visible to older browsers.</iframe>
这个脚本测试可以支持IE5.5,IE6.0,FireFox1.x,Opera9.01
相关推荐
-
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,遨游,火狐
复制代码 代码如下: <script type="text/javascript"> function reinitIframe(){ var iframe = document.getElementById("mainFrame"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.documen
-
Iframe 自适应高度并实时监控高度变化的js代码
google N次 + 百度M次 + 试验了1605次之后(听说农药1605就是实验了这么多次后出来的),得出下面成果,在IE7及Firefox3里试了下还能凑合着用用! 1.首先给出个Iframe. 复制代码 代码如下: <iframe id="ifrm" marginheight="0" marginwidth="0" height="100" width="1000" frameborder=&
-
关于IFRAME 自适应高度的研究
关于IFRAME 自适应高度的研究--之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下. 重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说"拒绝访问!" 之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下 超简单哦 1.建立一个bottom.js的文件,然后输入下面的代码(只有两行哦) parent.document.all(&quo
-
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
-
让iframe自适应高度(支持XHTML,支持FF)
先说明,这个办法只限于iframe中的子页面也是本地页面(不能引用外网页面) ======方法===== 第一步 js部分 function getSize() { var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yS
-
javascript 装载iframe子页面,自适应高度
假设主页面有一个div,里面放置一个iframe 复制代码 代码如下: <div id="frameBox"> <iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no"></
-
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自适应高度(支持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
-
关于div自适应高度/左右高度自适应一致的js代码
在使用DIV和CSS进行网页布局中,DIV的自适应高度和自适应宽度是一个很常见的问题. 为了保证页面的整体美观性,需要将两个或者多个层的高度/宽度保持一致. 左右自适应高度一致 Jquery 复制代码 代码如下: <div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/&g
-
iframe自适应高度的多种方法方法小结
不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以"伸缩自如",所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数: 第一种方法:代码简单,兼容性还可以,大家可以先测试下. 复制代码 代码如下: function SetWinHeight(obj) { var win=obj; if (documen
随机推荐
- Node.js学习教程之HTTP/2服务器推送【译】
- 网址(URL)支持的最大长度是多少?最大支持多少个字符?
- SQL server 2005的表分区
- js 判断控件获得焦点的示例代码
- 浅谈Unicode与JavaScript的发展史
- C++实现String类实例代码
- PHP+原生态ajax实现的省市联动功能详解
- PHP三层结构(下) PHP实现AOP第1/2页
- PHP循环获取GET和POST值的代码
- Python Web框架Flask下网站开发入门实例
- c#实现隐藏与显示任务栏的方法详解
- js判断手机和pc端选择不同执行事件的方法
- 20分钟成功编写bootstrap响应式页面 就这么简单
- 高并发系统数据幂等的解决方案
- MongoDB学习笔记—Linux下搭建MongoDB环境
- 学习ASP和编程的28个观点
- jQuery 学习第七课 扩展jQuery的功能 插件开发
- jQuery实现彩带延伸效果的网页加载条loading动画
- js + css实现标签内容切换功能(实例讲解)
- C语言格式化输入输出函数详解