iframe在实际开发中应该算是比较常见的,在一些情况下iframe的高度是不确定,甚至是时时变化的 一般这种情况会有下面几种情况: 1、父页面和iframe页面在同一个域下,这种情况最好解决。在iframe页面里通过window.parent即可定位到父页面的window对象 ...
最近在前端页面遇到了一个问题,我在一个页面中利用iframe框架引入了一个页面进来,但是这个页面的高度是不叫高的,高出电脑屏幕很多, 所以就引发了iframe框架一个滚动条,然后主页面一个滚动条,这样页面就出现了两个滚动条。在网上查了好久,一直没有好的方法,直到我在 网上看到了iframe高度自适应,才解决了这个问题。 自适应的意思是,iframe框架的高度自动适应引入的HTML文件的内容高度,显 ...
2019-08-09 10:23 0 643 推荐指数:
iframe在实际开发中应该算是比较常见的,在一些情况下iframe的高度是不确定,甚至是时时变化的 一般这种情况会有下面几种情况: 1、父页面和iframe页面在同一个域下,这种情况最好解决。在iframe页面里通过window.parent即可定位到父页面的window对象 ...
<iframe id="iframepage" src="Index.html" name="iframepage" frameborder="0" width="1349" scrolling="no" onload="iFrameHeight()" >< ...
在网上找了很多iframe的高度自适应,发现很多兼容性都不是很好,于是自己总结了一下。 子页面html节点上要有下面红色部分,不然ie浏览器会无限递增 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...
总体思路是这样的,因为iframe里页面的内容是动态加载的,而且电脑屏幕宽度发生变化时,也得相应的去改变iframe标签的高度(如果高度确定就不用这么麻烦了); 首先,我们在父页面中定义一个方法,用来改变iframe标签的高度;在iframe中的页面中,当内容加载号之后去调用父页面汇总的这个方法 ...
前两天在网上看到了一道面试题,问iframe高度自适应的问题。发现自己之前几乎没有关注过iframe的问题,所以在这里记录一下。 原题目是: 页面A的域名是:http://www.taobao.com,页面B的域名是http://www.tmall.com,如果A使用iframe引用页面B ...
一、当iframe自适应高度,无滚动条时候: 例如这样: 或者这样: 二、当iframe页面存在滚动条就简单很多了 例如这样: ...
1、 <a href="port" target="frame_view">港口资料</a> <iframe id="external-frame" onload="setIframeHeight(this)" src="initialValue ...
【转载】框架页中的高度自适应: 在实际使用iframe的过程中,会遇到iframe高度的问题。由于被嵌套的页面大小不固定而出现滚动条。采用JavaScript来控制iframe元素的高度,让iframe高度自适应。另外,由于JavaScript对不同域名下权限 ...