[转]目前找到的最好的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自适应高度(支持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自适应高度兼容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
-
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设置为路由
-
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自适应高度绝对好使的代码 兼容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自适应高度(支持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
-
关于IFRAME 自适应高度的研究
关于IFRAME 自适应高度的研究--之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下. 重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说"拒绝访问!" 之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下 超简单哦 1.建立一个bottom.js的文件,然后输入下面的代码(只有两行哦) parent.document.all(&quo
-
关于div自适应高度/左右高度自适应一致的js代码
在使用DIV和CSS进行网页布局中,DIV的自适应高度和自适应宽度是一个很常见的问题. 为了保证页面的整体美观性,需要将两个或者多个层的高度/宽度保持一致. 左右自适应高度一致 Jquery 复制代码 代码如下: <div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/&g
随机推荐
- IOS 改变键盘颜色代码
- python xml.etree.ElementTree遍历xml所有节点实例详解
- Python用Bottle轻量级框架进行Web开发
- JS Replace()的高级使用方法介绍
- ASP.NET MVC引入JQUERY JQRTE控件
- php使用Smarty的相关注意事项及访问变量的几种方式
- php中使用session_set_save_handler()函数把session保存到MySQL数据库实例
- 发布你的Python模块详解
- JSP教程(七)-pluginAction的使用
- javascript 函数参数限制说明
- 如何恢复数据库的账号 登录名/用户名等
- 用jquery与css打造个性化的单选框和复选框
- android读取raw文件示例
- php表单处理操作
- vue项目总结之文件夹结构配置详解
- C#检测移动硬盘并获取移动硬盘盘符的方法
- jquery动态添加带有样式的HTML标签元素方法
- MySQL分页Limit的优化过程实战
- Python实现获取邮箱内容并解析的方法示例
- Laravel框架Request、Response及Session操作示例