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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Hadoop-Shuffle洗牌过程,与combine和partition的关系「建议收藏」

    Hadoop-Shuffle洗牌过程,与combine和partition的关系「建议收藏」Hadoop-Shuffle洗牌过程,与combine和partition的关系

    2022年4月23日
    71
  • MySQL 事务隔离级别[通俗易懂]

    MySQL 事务隔离级别[通俗易懂]1.理论MySQL中事务的隔离级别一共分为四种,分别如下: 序列化(SERIALIZABLE) 可重复读(REPEATABLEREAD) 提交读(READCOMMITTED) 未提交读(READUNCOMMITTED) 四种不同的隔离级别含义分别如下: SERIALIZABLE ❝如果隔离级别为序列化,则用户之间通过一个接一个顺序地执行当前的事务,这种隔离级别提供了事务之间最大限度的隔离。 REPEATABLEREAD ❝在可

    2022年10月14日
    0
  • 云存储及分布式文件系统

    云存储及分布式文件系统云存储是云计算中有关数据存储、归档、备份的一部分。存储技术从磁带发展到磁盘、再从磁盘发展到阵列、从阵列发展到网络存储。随着集群技术、网格技术、分布式存储技术、虚拟化存储技术的发展,进入了云存储的时代。以网盘为代表就是云存储的一种表现形式,实现用户文件数据存储至网络,达到存储、备份、使用、共享和保护的目的。

    2022年5月20日
    42
  • 国密算法概述_国密算法一定要通过硬件吗

    国密算法概述_国密算法一定要通过硬件吗国密即国家密码局认定的国产密码算法,即商用密码。国密算法是国家密码局制定标准的一系列算法。其中包括了对称加密算法,椭圆曲线非对称加密算法,杂凑算法。具体包括SM1,SM2,SM3等,其中:SM2为国家密码管理局公布的公钥算法,其加密强度为256位。其它几个重要的商用密码算法包括:SM1,对称加密算法,加密强度为128位,采用硬件实现;SM3,密码杂凑算法,杂凑值长度为32字节,和SM2算…

    2022年10月7日
    0
  • 微信电脑版打不开怎么办?电脑版微信打不开的解决方案_wechatwin.dll文件缺失怎么解决

    微信电脑版打不开怎么办?电脑版微信打不开的解决方案_wechatwin.dll文件缺失怎么解决微信现在除了是日常的交流工具,基本上办公也离不开它,微信也注意到大家的意愿,所以也开发了电脑端的微信,不过有时候电脑版的微信也不好用,遇到紧急情况需要通知同事的时候又发现打不开了,通常遇上这种情况,我们要采取这些措施。解决办法如下:电脑版微信打不开是怎么一回事?第一步要做的就是,排查网络或是电脑系统的问题,可以重启试试。排除电脑或者网络问题以后,那可能是微信客户端不稳定。也许是文件损坏了或者是系统…

    2022年8月12日
    3
  • POJ 1679:The Unique MST(次小生成树&amp;&amp;Kruskal)[通俗易懂]

    POJ 1679:The Unique MST(次小生成树&amp;&amp;Kruskal)

    2022年1月27日
    72

发表回复

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

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