jquery设置iframe的高度_iframe宽度自适应

jquery设置iframe的高度_iframe宽度自适应经典代码iFrame自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。很古老的方法:functioniFrameHeight(){varifm=document.getElementById(“iframe”);varsubWeb=document.frames?document.

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

当页面中有多个iframe时,有时某些iframe的高度可能高出页面的高度便会出现两条甚至跟多条,我现在需要得到的结果是将iframe平铺(上下排列时完全展开并且只有一个页面的滚动条,即iframe自带的滚动条消失),具体的javascript代码如下:
    function SetWinHeight(obj) {

var frm = obj;
var subWeb = document.frames ? document.frames[“iframe_content”].document
: frm.contentDocument;
if (frm != null && subWeb != null) {

   frm.height = subWeb.body.scrollHeight;
}
    }

    主要页面代码如下:
    <iframe name=”iframe_title” id=”iframe_title” src=”title.jsp” width=”100%” height=”175″ scrolling=”auto”></iframe>
    <iframe name=”iframe_content” id=”iframe_content” height=”100%” οnlοad=”SetWinHeight(this);” src=”content.jsp” width=”100%” scrolling=”auto”></iframe>

    注:iframe_title为导航栏,是一个jsp页面,上面的按钮利用超链<a>中的target属性指定到iframe中(例:target=”iframe_content”)按动按钮会在iframe_content显示相应的页面,如果没有这个js处理并且下面的页面高度大于当前浏览器窗口的高度时,就会出现两条滚动条。
    这个js可以获取iframe_content中页面的高度,然后将页面的高度赋值给当前该页面所在的iframe的高度,这样在主页面中就会显示出content.jsp的完整页面(即使高度大于浏览器窗口高度时也不会出现两个滚动条!)。

原文:http://wenku.baidu.com/link?url=DaJQxy_7o5CiTFibtKHw-ZCIRmyboq3pnzp1pKpxZdF6Fm8j9Zta3x9aKQjiHwMxbIG0QpvO-MozfTVmVOP93XndwLR95m28fDVA8gdB703

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/182822.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月12日 下午1:00
下一篇 2022年10月12日 下午1:00


相关推荐

  • 优化算法之——最速下降法

    优化算法之——最速下降法引言 在解决无约束问题时 经常用到的一类算法是最速下降法 在求解机器学习算法的模型参数 即无约束优化问题时 梯度下降 GradientDesc 是最常采用的方法之一 另一种常用的方法是最小二乘法 在求解损失函数的最小值时 可以通过梯度下降法来一步步的迭代求解 得到最小化的损失函数和模型参数值 反过来 如果我们需要求解损失函数的最大值 这时就需要用梯度上升法来迭代了 在机器学习中 基于基本的

    2026年3月18日
    4
  • ofbiz介绍

    ofbiz介绍官方指导文档 http ofbiz apache org business users htmlApacheof 是一套灵活的商业应用程序 可以在任何行业使用 一个常见的架构允许开发人员轻松扩展或增强它来创建自定义特性 OFBiz 是一个基于 Java 的 web 框架 包括一个实体引擎 一个服务引擎和一个基于小部件的 UI 允许您快速地开发和开发您的 web 应用程序 nbsp 作为

    2026年3月16日
    4
  • rpc服务器不可用 dcom 无法使用任何配置的协议与计算机,如何修复Windows上的“RPC服务器不可用”错误?…

    rpc服务器不可用 dcom 无法使用任何配置的协议与计算机,如何修复Windows上的“RPC服务器不可用”错误?…问题:如何修复Windows上的“RPC服务器不可用”错误?有几次我的计算机上出现“RPC服务器不可用”弹出窗口。我不确定它是什么?我该怎么办这个错误?方法/步骤1“RPC服务器不可用”是在任何版本的操作系统上可能出现的Windows错误。它出现在屏幕上的原因有很多,但在大多数情况下,问题与系统通信问题有关。RCP是RemoteProcedureCall的缩写。[1]它是一个允许不同进程之间进…

    2022年5月29日
    110
  • Java程序设计(高级及专题)- GUI「建议收藏」

    Java程序设计(高级及专题)- GUI「建议收藏」Java程序设计(高级及专题)- GUI

    2022年4月22日
    51
  • js数组反转的几种方法「建议收藏」

    js数组反转的几种方法「建议收藏」第一种:创建一个新数组使用reverse()的方法进行反转。letarr=[1,2,3,4]letarr1=arr.reverse()console.log(arr1);//[4,3,2,1]第二种:利用数组循环,使用unshift()方法将新项添加到数组的开头,并返回新的长度。unshift()方法会改变数组的长度。letarr2=[1,2,3,4]letarr3=[]arr2.forEach((element)=>{..

    2022年6月1日
    136
  • 快速开平方根算法

    快速开平方根算法人们很早就在 Quake3 源代码中发现了类似如下的 C 代码 它可以快速的求 1 sqrt x 在 3D 图形向量计算方面应用很广 floatinvSqrt floatx floatxhalf 0 5 x inti int amp x getbitsforfl 0x5f3759df i1 gives

    2026年3月18日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号