`
shirlly
  • 浏览: 1624812 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

根据页面的内容,动态设置iframe的高度使其不出现滚动条

阅读更多
<iframe id="treeFrame" name="treeFrame" frameborder="0" scrolling="0" width="100%" src="Tree.jsp">
<iframe id="contentFrame" name="contentFrame" frameborder="0" scrolling="0" width="100%" src="content.jsp" stype="height:expression(1);aho:expression(autoResize())">
<script type="text/javascript">
function autoResize()
{
   try{
      var hr = contentFrame.document.body.scrollHeight;
      var hl = treeFrame.document.body.scrollHeight;
      var height = Math.max(hr,hl);
      document.all["contentFrame"].style.height = height;
      document.all["treeFrame"].style.height = height;
   }
   catch(e){}
}
 
</script>
分享到:
评论

相关推荐

    自动调节iframe高度,而不显示其滚动条 js

    js脚本: 自动调节iframe高度,而不显示其滚动条

    用javascript动态调整iframe高度的方法

    当你在页面上使用了iframe之后,一般来说会不希望iframe显示难看的滚动条,以使iframe里面的内容和主页面的内容浑然一体。这时候你会设置 scrolling=”no” 属性。但是这样一来如果iframe里面的内容是变化的,高度...

    iframe高度自适应及隐藏滚动条的实例详解

    iframe高度自适应及隐藏滚动条的实例详解 在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般...

    iframe 自适高度 JS控制代码实现

    iframe 自动调节高度 ,而且不需要滚动条的功能总结 &lt;!--自动调节高度 ,而且不需要滚动条的功能--&gt; &lt;!-- 以下处理自动调节后页面 从新布局后 内容被覆盖的问题 --&gt; 个人总结

    如何设置iframe高度自适应在跨域情况下的可用方法

    我们可以通过属性或者CSS来设置iframe的高度,当不确定子页面内容的高度时,也可以通过脚本来进行动态指定。但是如果子页面不在同一域中怎么办?这时候脚本没有办法获取到子页面的高度,存在JavaScript跨域的问题!

    jbox 高版本浏览器 滚动条 错位

    jbox停止更新后,高版本浏览器下有一些问题,调整了在新版本浏览器下,调用 iframe页面出现滚动条,以及弹出层下方未对齐等问题。不过,技术有限,改的不是很正规。只是用来应急,旧系统已经使用的情况下,可以试试...

    用javascript动态调整iframe高度的代码

    当你在页面上使用了iframe之后,一般来说会不希望iframe显示难看的滚动条,以使iframe里面的内容和主页面的内容浑然一体。这时候你会设置 scrolling=”no” 属性。但是这样一来如果iframe里面的内容是变化的,高度...

    Iframe 自适应高度并实时监控高度变化的js代码

    不得不用到iframe,且被强烈要求不能让它出现滚动条!嵌入的页面肯定是高度不一的,页面中也不能出现大片空白,所以也不能写死高度!真是麻鬼烦啊!

    Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

    随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固定而显示出来的滚动条,不仅影响美观,还会对用 户操作带来不便。于是自动调整iframe的高度就成为本文的重点。 采用JavaScript...

    js判断iframe内的网页是否滚动到底部触发事件

    clientHeight:这个元素的高度,占用整个空间的高度 offsetHeight:是指元素内容的高度 scrollTop:可以理解为滚动条可以滚动的长度 以下是源代码 代码如下: &lt;iframe src=”~/Files/3.html” id=”iframepage” ...

    iframe窗口高度自适应的又一个巧妙实现思路

    domainA 中有一个页面index.html,通过iframe嵌套了domainB中的一个页面other.html 由于other.html页面在iframe中显示,而且其页面内容会动态的增加或减少,现在需要去掉iframe的滚动条 由于javascript同源策略的...

    iframe窗口高度自适应的实现方法

    domainA 中有一个页面index.html,通过iframe嵌套了domainB中的一个页面other.html由于other.html页面在iframe中显示,而且其页面内容会动态的增加或减少,现在需要去掉iframe的滚动条由于javascript同源策略的限制...

    Iframe自动调节高度问题,附上网站模版

    以前,我在做网站的时候,碰到...我使用Iframe的时候,如果我某个页面高于Iframe的时候,就会显示滚动条.但我又不想把有些固定的东西每个页面都写.请教了前辈之后,问题终于可以解决了,于是写了个例子,供有需要的人参考!

    如何实现iframe(嵌入式帧)的自适应高度

    好几次看到有人提问问到如何实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象,刚好我在工作中也碰到了类似问题,于是上网翻查,东抄抄西看看,弄出来这么一个...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    iframe:是否使用iframe方法加载内容,该属性如果为true或者object,组件则尝试将message内容作为url进行加载(如果属性值为一个object,则将object的内容添加为iframe的属性,如iframe:{id:'myId',name:'myName',src...

    Web前端基础:HTML5浮动框架.pptx

    1 用法: &lt;iframe src=“index.html”&gt; &lt;/iframe&gt; 在&lt;iframe&gt;和&lt;/iframe&gt; 之间放置的文本,在浏览器不支持iframe时将会...规定是否在iframe中显示滚动条。 src URL 规定在iframe中显示的文档的 URL。 width Pixels /

    ExtAspNet_v2.3.2_dll

    -尽管TabStrip, From, Tree, Accordion继承了Items属性,但是你并不能对其设置(此时Items是只读的). -这将会影响所有的aspx页面,一定要将工具条(Toolbars)和Items区分开来。 -祝你生日快乐 - 小师妹妹。 ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -尽管TabStrip, From, Tree, Accordion继承了Items属性,但是你并不能对其设置(此时Items是只读的). -这将会影响所有的aspx页面,一定要将工具条(Toolbars)和Items区分开来。 -祝你生日快乐 - 小师妹妹。 ...

    HTML iframe和frameset的区别_动力节点Java学院整理

    简介 1.&lt;iframe&gt; 标签:iframe 是个内联框架,是在页面里生成个内部框架。...scrolling{boolean}:是否显示框架的滚动条; width{int}:定义iframe的宽度; height{int}:定义iframe的高度; 示例

    IBM WebSphere Portal门户开发笔记01

    64、JS自动检测IFRAME内容高度并自动设置为IFRAME高度 338 65、JS MOVETO设置屏幕滚动到最底端或者最顶端 339 66、JS OBJECT方式设置浏览器最大化与最小化 339 67、边框标签FIELDSET 339 68、按钮与A标签的DISABLED...

Global site tag (gtag.js) - Google Analytics