当前位置:首页 > 网站运营 > 正文内容

iframe高度自适应的一个方法

葱子5年前 (2017-09-20)网站运营994

最近在写网页的时候,遇到一个问题,需要在某个页面下调用另外一个页面做内容展现。 第一想到的就是使用iframe框架来实现。 有个问题就是,目标页面的高度是动态调整的,非固定的。 在网上搜索了下,找个一个不错的解决方法,使用js来实现,具体实现代码如下:

1、js代码:


<script>function setIframeHeight(iframe) { if (iframe) { var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow; if (iframeWin.document.body) { iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight; } } }; window.onload = function () { setIframeHeight(document.getElementById('external-frame')); };</script>  


2、html代码如下:

<iframe src="backtop.html" frameborder="0" scrolling="no" id="external-frame" onload="setIframeHeight(this)"></iframe>
以上代码参考这篇文章,这篇文章里同时提到了其他几个方法,感兴趣的可以看下。 http://caibaojian.com/iframe-adjust-content-height.html

扫描二维码推送至手机访问。

版权声明:本文由葱子博客发布,如需转载请注明出处。

本文链接:https://www.aitiancheng.com/article-1362.html

相关文章

apache下实现网站http访问301跳转到https

打开网站的配置文件:XXX.conf, 在<VirtualHost *:80>下面添加以下代码:  RewriteEngine on RewriteRule ^(.*)$ https://www....

”site域名后提示“危险网站”怎么办?这才是正确的解决姿势!

”site域名后提示“危险网站”怎么办?这才是正确的解决姿势!

站长们在使用site命令查询网站信息时会出现“危险网站”提示,这到底是怎么回事呢?又该如何解决? 一、为什么会提示“危险网站” 针对这个问题,百度方面表示,百度云加速使用的漏洞扫描器是企业级别扫描器,对站点安全要求更...

windows系统下使用DOS命令行查找含某一字符串的所有文件

使用windows服务器的站长,很多时候也需要对网站文件做下特定的排查。 手工查很不方便,这里可以使用DOS命令来查询。 一、首先使用cmd命令进入网站文件夹: 比如你要查找的文件夹在...

小云APP 修改Android包名(packagname)教程!

小云APP 修改Android包名(packagname)教程!

修改包名 (packagname) 将会导致:客户端的分享、支付、第三方登录、应用市场更新 等功能出现问题。如非新建应用,绝不推荐使用该功能。 修改包名要用到证书(keystore),制作证书的方法有很多,下面介绍我所知...

解决方法:phpmyadmin出现Cannot start session without errors

最近在给一位站长配置服务器环境的时候,使用的是护卫神的php套件,网站安装好后,使用一切正常。 但是当要使用phpmyadmin管理MySQL的时候,出现 Cannot start session without err...

网站换模板影响收录排名吗

在站长论坛看到有人问网站换模板会不会影响收录排名的问题,很多没有回答到点子上。 会不会影响收录排名:会。 为什么会影响:不建议频繁更新网站前端模板,因为搜索引擎抓取的内容就是你前端网页所呈现的内容。你的网站模板一直未变化,对于搜索引擎来...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。