iframe 自适应高度JS代码,兼容FF ,IE

代码:

 

 

<iframe src="showmagzine.htm" id="magzineframe" name="magzineframe" align="center" frameborder=no width="100%" height=100% scrolling="no"  frameborder="1" bgcolor="#FFFFFF" onload="javascript:{dyniframesize('magzineframe');}">
	</iframe>

 

js 代码:

<script>
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]   
//extra height in px to add to iframe in FireFox 1.0+ browsers   
var FFextraHeight=getFFVersion>=0.1? 16 : 0    
function dyniframesize(iframename) {

  var pTar = null;   
  if (document.getElementById){     
    pTar = document.getElementById(iframename);   
  }else{   
    eval('pTar = ' + iframename + ';');   
  }   
  if (pTar && !window.opera){   
    //begin resizing iframe     
    pTar.style.display="block"  
    if (pTar.contentDocument && pTar.contentDocument.documentElement.scrollHeight){   
 
	      pTar.height =0;
		pTar.height=pTar.contentDocument.documentElement.scrollHeight;    
     

    }else if (pTar.Document && pTar.Document.body.scrollHeight){   
      //ie5+ syntax   
      pTar.height = pTar.Document.body.scrollHeight;   
       
      
    }   
  }     
} 


</script>
 
Unity雷达图效果实现 unity雷达图源码 阅读详情

相关推荐

ROG幻16Air新机避坑:Ubuntu 22.04下NVIDIA驱动、CUDA与Isaac Gym的兼容性实战

本文详细记录了在ROG幻16Air新机上安装Ubuntu 22.04,并成功配置NVIDIA驱动、CUDA与Isaac Gym强化学习开发环境的完整实战过程。针对官方文档未明确支持Ubuntu 22.04的挑战,文章提供了从驱动安装、CUDA版本选择、Python虚拟环境搭建到Isaac Gym兼容性调试的一站式解决方案,帮助开发者在新硬件上高效部署机器人仿真与训练平台。

weixin_28419039的博客 219

IE FF 兼容的IFRAME 自适应高度JS代码

<br />function SetCwinHeight() {<br />             var iframeid = document.getElementById("EnterpriseCard"); //iframe id<br />             if (document.getElementById) {<br />                 if (iframeid && !window.opera) {<br />                     i

longlong821的专栏 697

模板匹配加速之金字塔分层搜索

图像金字塔是一种多分辨率图像表示方法,它通过一系列逐渐缩小或放大的图像来表示原始图像的不同尺度。高斯金字塔(Gaussian Pyramid):通过不断下采样(降采样)生成更小的图像。拉普拉斯金字塔(Laplacian Pyramid):通过高斯金字塔和差分操作生成一组残差图像。在模板匹配中,我们主要使用高斯金字塔来实现多尺度匹配。金字塔灰度模板匹配通过多尺度搜索策略,在保持较高准确率的同时显著提升匹配速度,尤其适用于:高分辨率图像处理实时检测系统移动端设备等资源受限场景。

weixin_44969144的博客 1732

适用于IE和Firefox的iframe自适应高度JS代码

dimaarisi的专栏 874

超全!!snowboy语音唤醒(树莓派4b)

通过snowboy进行树莓派的语音唤醒

crimaster1024的博客 8733

AIDL HAL服务从零到一:构建现代Android硬件抽象层

本文详细介绍了从零开始构建现代Android AIDL HAL服务的完整流程。通过定义接口、实现服务逻辑、配置构建与VINTF清单,并最终集成到系统镜像,开发者可以掌握利用AIDL替代传统HIDL来开发硬件抽象层的核心方法。文章重点解析了AIDL HAL的创建流程,并对比了其与HIDL在语法、工具链和集成方式上的优势,帮助开发者高效构建稳定的硬件接口。

weixin_29174141的博客 145

设置iframe自适应高度(/*兼容FF/IE9/IE8/IE7/IE6*)

js: function iFrameHeight() { var ifm= document.getElementById("iframepage"); var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument; if(ifm != null && subWe

Sbangm的专栏 1万+

施耐德 Modicon M580 ePAC 项目实战:从硬件选型到 Control Expert V15 组态

本文详细解析了施耐德 Modicon M580 ePAC 在工业自动化项目中的实战应用,从硬件选型到 Control Expert V15 组态的全流程。重点介绍了水处理站控制系统的硬件配置、网络架构设计、软件安装授权及程序框架开发,帮助工程师高效实施中大型控制系统项目。

weixin_33701617的博客 326

JS怎么控制IFRAME高度自动适应内容而不出现滚动条

   function setHeight(){  var iframe = document.getElementById("iframe_id");     try{       var aHeight = iframe.contentWindow.document.body.scrollHeight;       var bHeight = iframe.contentWindow.document.documentElement.scrollHeight;       var height = Ma

lqc851011的专栏 1万+

小论文/大论文必备 | YOLO多模态目标检测、绘制曲线对比图 | 引入多种绘制曲线对比图,包括mAP0.5,mAP0.5:0.95,Loss损失变化的曲线对比

本文通过可视化方法分析YOLO多模态模型的训练过程,对比不同实验的检测精度和损失函数变化。主要内容包括:1)绘制mAP@0.5和mAP@0.5:0.95曲线评估检测精度;2)分析边界框回归损失(box_loss)、分类损失(cls_loss)和分布式损失(dfl_loss)的收敛趋势;3)提供完整的Python代码实现,支持多实验对比,可生成高清曲线图。该方法能直观展示模型训练效果,便于优化策略评估和参数调优。

Ai缝合怪、助力小伙伴高效发论文 260

化工设备应力分析软件:STAAD.Pro二次开发_(24).非线性分析技术

在STAAD.Pro 中,可以通过命令。

kkchenjj的博客 659

Ifram 内页面高度自适应 兼容FF IE

  onload=this.height="500px";this.height=rightframe.document.body.scrollHeight;   >  注:onload=this.height="500px"; 这个是为了避免有的页面很长,切到短页面,还是很长这个问题写成JS函数形式 function reiframe(){var iframe=

mathew的专栏 1519

AI之KE:Knowledge Engineering知识工程的简介、发展、应用案例之详细攻略

AI之KE:Knowledge Engineering知识工程的简介、发展、应用案例之详细攻略 目录 Knowledge Engineering知识工程的简介 0.1、What 0.2、How 0.3、Why 1、知识工程过程的5个活动 2、知识图谱的应用 Knowledge Engineering知识工程的发展 1、前知识工程时期——1950-1970时期:图...

头部AI社区如有邀博主AI主题演讲请私信—心比天高,仗剑走天涯,保持热爱,奔赴向梦想!低调,专注,谦虚,自律,反思,成长,还算比较正能量的博主,公益免费传播…内心特别想在AI界做出一些可以推进历史进程影响力的技术(兴趣使然,有点小情怀,也有点使命感呀 5335

iframe高度自适应

在包含iframe页面中的最终代码: script language="javascript"type="text/javascript">        function reinitIframe(){        var iframe = document.getElementById("iframeId");        try{        var bHeight =

congcongsuiyue的专栏 1330

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

兼容FireFox和IE的iframe自适应高度js函数

function iframeFitHeight(oIframe){//Iframe窗口自适应高度 兼容IE6.0 FF2.0以上     try    {        var oWin = oIframe.name ? window.frames[oIframe.name] : oIframe.contentWindow;         oIframe.style.h

我的专栏 5988

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

iframe自适应高度

iframe高度不能自适应,网上找了N多的资料,好多转载的都不全,原创的又找不到几个,唉,这是我看到的一个贴子,已经测试通过: 原文地址:http://bbs.blueidea.com/thread-2902341-1-1.html 参考资料:http://www.ccvita.com/376.html 这贴比较长,没有耐性的朋友请直接拖到帖子末尾的代码示例 Demo页面:主页面 if

Hello World! 949

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

iframe高度自适应bylin49940

 以前没啥时间, 乱写了一个, 最近有空, 把整个代码重写了一遍, 修改了一些bug  IE FF iframe 自适应高度v2.0 by lin49940 您的浏览器不支持iframe, 请换其他浏览器查看此页面<!--//取3个数字中最大的function getBiggest(a, b, c){ if(isNaN(a))

lin49940的专栏 2237

iframe IE FF高度自适应

前台:                         onload="javascript:SetCwinHeight(this);" marginheight="0" marginwidth="0" scrolling="auto"                         align="middle" src="">     apply.js页面: func

441

iframe高度动态自适应

一、前言碎碎念 我从来对iframe就没有什么好感,对其基本上是不屑一顾。但是人在江湖,身不由己。经理发话,新功能使用iframe实现,没办法,只好折腾,两大烦人的东西,一是带遮罩的弹框提示,而是iframe高度问题。前一个烦人的问题使用其他形式的提示来规避,后一人扰人的问题确实没有什么经验,花了点时间折腾了下,基本上实现了效果,跨域没问题,兼容性也没问题,于是,写个小文备忘下,下次再使用的

前端技术教程 1001

为何firefox不支持insertRow和insertCell。我如何能让firefox显示和ie显示的效果一样?iframe实现高度自适应,兼容FF、Opera、Safari

frame实现高度自适应,兼容IE、FF、Opera、Safari 等大部分浏览器:       index.html:        "right">                height="" scrolling="no" width="100%" frameborder="0"             onload="SetCwinHeight(this)">

yinxianluo的专栏 1508

iframe 自适应高度

通过Google搜索iframe 自适应高度,结果5W多条,搜索iframe 高度自适应,结果2W多条。我翻了前面的几十条,刨去大量的转载,有那么三五篇是原创的。而这几篇原创里面,基本上只谈到如何自适应静的东西,就是没有考虑到JS操作DOM之后,如何做动态同步的问题。另外,在兼容性方面,也研究的不彻底。这篇文章,希望在这两个方面再做一些深入。可能有人还没接触到这个问题过,先说明一下,什么是高度自适应吧。所谓iframe高度自适应,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scroll

站在巨人的肩上 567

iframe自适应高度,Iframe显示不完整

iframe自适应高度,Iframe显示不完整,兼容IE、Chrome、火狐 &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&g

蕃薯耀 4312

跨域iframe高度自适应(兼容IE/FF/OP/Chrome)

  采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域、跨域两种情况。   由于客户端js使用浏览器的同源安全策略,跨域情况下,被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况,提示错误:Permission denied to access property 'docum...

alili1991的博客 167

Iframe 自适应高度代码

Iframe 自适应高度code 1:    //Iframe窗口自适应高度 兼容IE6.0、Chrome、FF3.0以上        function iframeFitHeight(iframe)    {        try {             var win = iframe.name ? window.frames[iframe.name] :

沉浮 962

杂记从iframe自适应高度实现及引出的几个ie问题的特殊处理

因为这是项目之后写的博客,因此这里只描述性的点出问题及解决的办法。 1、为了实现iframe动态加载页面并自适应高度,且兼容ie、FF、Chrome浏览器。以下为代码片段(引入Jquery):       $jq("#frametd").html('&lt;iframe name="MainContent" id="MainContent'+i+'" allowtransparency=...

truemylife 227
上一篇: js 验证在多次匹配情况下,注意出错
下一篇: webwork java.lang.reflect.InvocationTargetException
茄子煸土豆
博客等级 码龄19年 0粉丝 15原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值