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


相关推荐

  • k3 梅林固件设置_OpenWrt中,旁路由的设置与使用

    k3 梅林固件设置_OpenWrt中,旁路由的设置与使用旁路由,这神奇的名称,听着是不是有点不知所云?本文的目的,是让您知晓旁路由的概念,并掌握最基础的旁路由设置方法。一、什么是旁路由?旁路由又叫独臂路由,这一概念由杨过大侠首创(手动狗头)。旁路由一般是由CPU性能比较强的路由器来担当。旁路由的主要责任是帮助网络中的其他设备获取国外网站的数据。二、旁路由的接线方式及工作原理最基础最常规的旁路由接线方式是这样的基础的旁路由接线方式是不是有点挑战常识?主路…

    2022年5月8日
    984
  • Vue父组件向子组件传递参数[通俗易懂]

    1、父组件projectBatchsindex.vue//使用:projectId=”this.projectId”传递参数<ProjectBatchEditref=”projectBatchEdit”:projectId=”this.projectId”@on-update=”search”></ProjectBatchEdit>importProj…

    2022年4月7日
    51
  • pycharm更换账号/pycharm更换jetBrains许可证

    pycharm更换账号/pycharm更换jetBrains许可证pycharm更换jetBrains账号/pycharm更换许可证

    2022年8月27日
    6
  • 错误:备份集中的数据库备份与现有的数据库不同

    错误:备份集中的数据库备份与现有的数据库不同今天,在还原一个MSSQLServer的备份文件(.bak)时,遇到一个错误:备份集中的数据库备份与现有的数据库不同。Google了一下,引起这个错误的原因有可能是生成备份文件的SQLServer版本与准备还原备份的SQLServer版本不同所造成的。解决方案如下:选项-->还原选项-->覆盖现有数据库-->确定这样就能顺利还原由低版本SQLServer生成的备份文件了。

    2022年5月5日
    76
  • vim 搜索字符串_python查找字符串位置

    vim 搜索字符串_python查找字符串位置搜索(查找)#搜索模式/ #前向搜索匹配? #反向搜索匹配#移动定位n #跳到下一个匹配的位置N #跳到上一个匹配的位置* #对光标当前所在的完整单词进行前向搜索匹配# #对光标当前所在的完整单词进行后向搜索匹配g*#前向搜索光标当前所在单词g##反向搜索光标当前所在单词搜索时字母大小写情况设置#设置vimrc文件#当输入的搜索词全部是小写时,忽略大小写;搜索词至少有一个大写字母时,进行大小写匹配搜索setignorecase

    2022年9月23日
    5
  • 基于jQuery 常用WEB控件收集

    基于jQuery 常用WEB控件收集

    2021年8月30日
    59

发表回复

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

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