解决ifream自适应问题
程序员文章站
2024-03-21 08:24:10
...
用js实现ifream自适应
获取ifream的window对象-contentWindow
function autoHeight(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow;
if (iframeWin.document.body) {
iframe.height = iframeWin.document.documentElement.scrollHeight;
iframe.width = document.documentElement.clientWidth;
}
}
}
function changeFrame() {
var f = document.getElementById("myiframe");
autoHeight(f);
}
window.onresize = function () {
changeFrame();
}
<iframe id="myiframe" scrolling="no" style="border: 0px;" width = "100%" onload = "changeFrame()" src = "path"/>
</iframe>
推荐阅读
-
解决ifream自适应问题
-
利用TensorFlow解决回归问题+线性模型实战程序
-
解决springcloud访问actuator端点(refresh beans等)返回404的问题
-
ubuntu14.04安装Scrapy和redis时遇到的问题,及解决方法
-
web设置下载文件的头信息(可解决中文文件命令乱码问题)
-
技术分享 | 改写 mysqldump 解决 DEFINER 问题
-
解决php include中绝对路径与相对路径的问题
-
QT连接MySQL数据库(亲测有效,解决驱动未加载问题)
-
上传GAE程序遇到HTTPError: HTTP Error 403: Forbidden问题解决 GAEGoogleGmailFPPython
-
tomcat 部署项目的时候文件提示锁定问题解决方案 博客分类: tomcat