Iframe自适应高度_ie_firefox下都可用

最新推荐文章于 2020-11-20 10:03:00 发布
最新推荐文章于 2020-11-20 10:03:00 发布
阅读量53 收藏
点赞数
分类专栏： javascript 文章标签： IE Firefox JavaScript ASP Opera ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fdjcbl/article/details/83401412
版权

<script type="text/javascript">
function SetCwinHeight(){
   var bobo=document.getElementById("bobo"); //iframe id
   if (document.getElementById){
    if (bobo && !window.opera){
     if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){
      bobo.height = bobo.contentDocument.body.offsetHeight;
     }else if(bobo.Document && bobo.Document.body.scrollHeight){
      bobo.height = bobo.Document.body.scrollHeight;
     }
    }
   }
}
</script>
<iframe width="100%" id="bobo" οnlοad="Javascript:SetCwinHeight()" height="1" frameborder="0" src="/default.asp?cateID=1"></iframe>

 

HTML代码：

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe</title>
</head>
<body>
<script type="text/javascript">
function SetCwinHeight(){
var bobo=document.getElementById("bobo"); //iframe id
if (document.getElementById){
   if (bobo && !window.opera){
    if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){
     bobo.height = bobo.contentDocument.body.offsetHeight;
    }else if(bobo.Document && bobo.Document.body.scrollHeight){
     bobo.height = bobo.Document.body.scrollHeight;
    }
   }
}
}
</script>
<iframe width="100%" id="bobo" οnlοad="Javascript:SetCwinHeight()" height="1" frameborder="0" src="/default.asp?cateID=1"></iframe>
这里写几个字试试！子鼠！
</body>
</html>

fdjcbl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
让iframe自适应高度（支持xhtml）IE firefox兼容
10-30
让iframe自适应高度（支持xhtml）IE firefox兼容 让iframe自适应高度是指在HTML文档中，使iframe的高度能够根据其内容自动调整，以适应不同浏览器和屏幕分辨率的需求。在本文中，我们将讨论如何使用JavaScript和...
Iframe自适应高度兼容ie,firefox多浏览器
10-30
从网上找的Iframe自适应高度，不是自已写的！ 从哪找的忘了，要不一定写明出处！ 放出来给自已留个备份！
IFrame自适应内容高度
redfoxtao的专栏
07-25 1111
IFrame自适应内容高度
Iframe的高度自适应且兼容谷歌，火狐，IE和360等主流浏览器
苗陈的博客
02-20 1354
子页面不用任何操作，只要在主页面进行这些操作就可以完成iframe的高度自适应 1，需要知道iframe的ID frameborder="0" style="padding: 0px; width: 100%; height: 1000px;">iframe> 2，调用时 需要传入两个值，iframe的Id和iframe最小高度 只有一个iframe需要调用可以这
css 图片自适应_104道 CSS 面试题，助你查漏补缺（下）
weixin_39879122的博客
11-20 970
(给前端大全加星标，提升前端技能)作者：CavsZhouyouhttps://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css/Css.md目录52.layoutviewport、visualviewport 和 idealviewport 的区别？[1]53.position:fixed;在 andr...
Ie和firefox的Js区别
技术收藏
04-10 791
 1. 对象问题 1.1 Form对象 现有问题：现有代码这获得form对象通过document.forms("formName")，这样使用在IE 能接受，MF 不能。解决方法：改用 作为下标运算。改为document.forms["formName"]备注上述的改用 作为下标运算中的formName是id而name1.2 HTML对象 现有问题：在 IE 中，HTML 对象的 ID 可以作
firefox 与 ie 的js兼容问题
jlzan1314的专栏
10-16 810
1. 对象问题 1.1 Form对象 现有问题：现有代码这获得form对象通过document.forms("formName")，这样使用在IE 能接受，MF 不能。解决方法：改用 作为下标运算。改为document.forms["formName"]备注上述的改用 作为下标运算中的formName是id而name1.2 HTML对象 现有问题：在 IE 中，HTML 对象的 ID 可以作为 d
IE与FireFox浏览器差异性
chuang_chuang的博客
08-11 123
[color=blue]一、 IE 与 FireFox 的 js 和 css [/color] png 透明 AlphaImageLoader filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL) enabled ：可选项。布尔值(B...
IE6IE7Firefox浏览器不兼容原因及解决办法
前端工程师--则丸
08-13 3439
IE6IE7Firefox浏览器不兼容原因及解决办法     一、IE6IE7Firefox浏览器不兼容原因及解决办法 1.文字 本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占 高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。    
关于IE和Firefox中javascript和css的一些区别
xiaohongcheng的专栏
10-14 417
1、浏览器事件的捕捉 在IE下有一个全局的window.event，当事件触发后可以直接使用，但是在fireFox下没有这个东西，当调用触发事件调用一个函数时，如果这个函数没有形参，那么firefox会默认的把event（事件）传进去，但是有参数时就不行啦，所以解决的办法是
Iframe 高度自适应（兼容IE/Firefox、同域/跨域）
12-10
同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器，控制id为“iframeid”的iframe的高度，通过JavaScript取得被嵌套页面最终高度，然 后在主页面进行设置来实现。 代码如下，可复制。另外，
JavaScript 处理Iframe自适应高度(同或不同域名下)
10-27
Iframe自适应高度一直都备受关注，接下来为大家介绍下同域名下Iframe自适应高度的处理以及跨域时Iframe高度自适应，感兴趣的朋友可以参考下哈
JS实现iframe自适应高度的方法(兼容IE与FireFox)
10-22
主要介绍了JS实现iframe自适应高度的方法,涉及javascript与iframe交互动态操作页面元素属性的相关技巧,需要的朋友可以参考下
MSCI+ESG评级数据集.xlsx
06-13
详细介绍及样例数据：https://blog.csdn.net/samLi0620/article/details/139665927
grpcio-1.6.3-cp35-cp35m-win_amd64.whl
最新发布
06-13
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
大学生静态网页设计期末作业95分以上项目源码（下载即用）
06-13
大学生静态网页设计期末作业95分以上项目源码（下载即用）个人开发的97分高分设计项目，内含详细文档说明，可作为高分课程设计和期末大作业的参考，含有代码注释小白也可看的懂，有能力的小伙伴也可以在此基础上进行二开，项目代码完整下载即可运行。 大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业95分以上项目源码（下载即用）大学生静态网页设计期末作业。
webp2jpg网页在线图片格式转换源码.zip
06-13
webp2jpg-免费在线图片格式转化器, 可将jpeg、jpg、png、gif、 webp、svg、ico、bmp文件转化为jpeg、png、webp、webp动画、gif文件。 无需上传文件，本地即可完成转换! 源码特点： 无需上传，使用浏览器自身进行转换批量转换输出webp、jpeg、png、 base64、8位png(实验)、gif动图(实验)、webp动图(实验)输出指定大小 (webp、jpeg)(实验)输出颜色数量(gif、png-8)选项可自定增加或删除并持久化
iframe 自适应高度
08-11
对于 iframe 的自适应高度，你可以使用以下方法： 1. 使用 JavaScript 动态调整 iframe 的高度：在父页面中，通过 JavaScript 获取 iframe 的内容高度，然后将这个高度应用到 iframe 的样式中。你可以使用以下代码...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值