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


相关推荐

  • redis实现延迟队列

    redis实现延迟队列前言 redis 实现延迟队列该怎么做 在这里我分享一下 redis 实现延迟队列一 Redis 实现延迟队列二 redis 失效监听事件三 此种实现面临的问题四 开发准备五 基础实现六 使用 redisson 实现延迟队列七 redisson 实现延迟队列的原理八 延迟队列配置一 Redis 实现延迟队列失效监听 redisson 实现发布订阅延迟二 redis 失效监听事件集成 KeyExpiratio 类实现 redis 失效监听事件三 此种实现面临的问题 redis 的失

    2026年3月19日
    2
  • mongodb菜鸟教程_mongodb怎么用

    mongodb菜鸟教程_mongodb怎么用MongoVUE是一个关于mongodb数据库管理的工具,并且免费,但超过15天后功能受限。我们可以通过删除mongodb相应的注册表项来解除限制。其步骤如下:1.运行‘win+R’;2.输入‘regedit’,如下图所示:3.进入注册表编辑器,找到与mongodb相关的注册表项,并将里面的注册表项全部删除,如下所示:4.最后可以发现mongovue可以正常使用了,mongovue被激活成功教程了。5.细…

    2022年8月21日
    12
  • allargsconstructor_constructor java

    allargsconstructor_constructor java接触Lombok@NoArgsConstructor,@RequiredArgsConstructor,@AllArgsContructor。是Lombok插件三种生成不同构造方法的注解,来完成项目中不同构造方法的需求。@NoArgsConstructor:生成一个无参数的构造方法@AllArgsContructor:?会生成一个包含所有变量@RequiredArgsCon…

    2025年10月5日
    5
  • 常见存储引擎_存储引擎

    常见存储引擎_存储引擎TiKV简介TiKV是一个分布式事务型的键值数据库,提供了满足ACID约束的分布式事务接口,并且通过Raft协议保证了多副本数据一致性以及高可用。TiKV作为TiDB的存储层,为用户写入TiDB的数据提供了持久化以及读写服务,同时还存储了TiDB的统计信息数据。整体架构与传统的整节点备份方式不同,TiKV参考Spanner设计了multiraft-group的副本机制。将数据按照key的范围划分成大致相等的切片(下文统称为Region),每一个切片会..

    2026年2月23日
    6
  • java和python工作前景好_Java和Python相比较,谁的就业前景比较好

    java和python工作前景好_Java和Python相比较,谁的就业前景比较好首先 Java 和 Python 都是全场景编程语言 而且也都是目前最为流行的编程语言之一 所以当前整个 IT 行业内有大量的程序员都在使用这两门编程语言 这两门编程语言各自也都积累了大量的开发案例 对于开发团队来说 在技术选型时 采用 Java 或者 Python 都会面临更小的开发风险 因为这两门编程语言的生态体系还是比较健全的 在判断 Java 和 Python 各自的就业前景时 一定要结合当前的技术发展趋势 因为编

    2026年3月19日
    2
  • 单例模式与静态方法_静态内部类单例模式原理

    单例模式与静态方法_静态内部类单例模式原理本文主要介绍java的单例模式,以及详细剖析静态内部类之所以能够实现单例的原理。OK,废话不多说,进入正文。首先我们要先了解下单例的四大原则:1.构造私有。2.以静态方法或者枚举返回实例。3.确保实例只有一个,尤其是多线程环境。4.确保反序列换时不会重新构建对象。我们常用的单例模式有:饿汉模式、懒汉模式、双重锁懒汉模式、静态内部类模式、枚举模式,我们来逐一分析下这些模式的…

    2022年10月11日
    3

发表回复

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

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