关于iframe自适应高度的解决方案
来源:互联网 发布:simcms二手车2.0 源码 编辑:程序博客网 时间:2024/06/05 03:13
tip: 遇到的一些问题:第一次加载页面的时候,iframe高度会自动获取到,但是改变浏览窗口就实效了,
第二次切换的时候,也实效,所以要监听 iframe 的onload事件 和浏览器 window.resize 事件:
代码如下:
html部分:
<iframe src="http://www.baidu.com" id="myIframe" scrolling="no" onload="changeFrameHeight()" frameborder="0"></iframe>
javascript部分:
function changeFrameHeight(){ var ifm= document.getElementById("myIframe"); ifm.height = document.documentElement.clientHeight; } window.onresize=function(){ changeFrameHeight(); }
阅读全文
0 0
- 关于iframe自适应高度的解决方案
- iframe自适应高度解决方案
- iframe高度自适应解决方案
- iframe自适应高度解决方案
- iframe自适应高度解决方案
- Iframe 高度自适应解决方案
- iframe 跨域自适应高度的解决方案
- iframe 跨域自适应高度的解决方案
- 关于iframe自适应高度。
- 关于IFRAME 自适应高度的研究
- 关于IFRAME 自适应高度的研究
- 关于IFRAME 自适应高度的研究
- 关于IFRAME 自适应高度的研究
- 关于IFRAME 自适应高度的研究
- 关于IFRAME 自适应高度的研究
- 关于iframe的自适应高度问题
- 关于IFRAME 自适应高度的研究
- 关于iframe高度自适应的问题
- ZooKeeper系列(四) Zookeeper的应用实践
- 创业 人生 价值
- react-native调用安卓代码-高级应用
- Tomcat启动监听器
- 设置View平移动画:显示时从下往上显示,消失时从上往下消失,并且背景变暗,不可点击
- 关于iframe自适应高度的解决方案
- android DrawerLayout 实现侧滑菜单 知识整理(一)
- 关于Ubuntu的IBUS输入法,输入拼音不能正确显示的解决办法。
- 正则表达式总结
- Android 画虚线却显示实线的问题
- 类相关的技术细节 -14
- ChinaVis 2017
- 图像DCT变换
- CSS3 box-sizing 属性 规定盒模型的宽高计算方式