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

iframe高度自适应的一个方法

葱子8年前 (2017-09-20)网站运营1585

最近在写网页的时候,遇到一个问题,需要在某个页面下调用另外一个页面做内容展现。 第一想到的就是使用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

相关文章

windows server2008中用IIS7.0实现http全站301跳转到https

windows server2008中用IIS7.0实现http全站301跳转到https

在前面一篇文章中,我们讲到了如何为网站开启https访问。 但是,有个问题就是,他是同时支持http和https访问的。 现在,我们需要访问网站时默认跳转到https,要怎么办呢? 为...

为你的阿里云ECS配置安全组规则,为服务器安全加把锁

为你的阿里云ECS配置安全组规则,为服务器安全加把锁

我们在使用虚拟主机的时候是看不到服务器被攻击情况的,但是一旦我们更换为ECS服务器后,每天都会有人在扫描、试探、攻击你的服务器,虽说暂时没有带来较大的影响。但是,始终心里有点发毛。 阿里云ECS后台显示的被攻击截图 还好阿里云后台提供...

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

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

百度主动推送怎么用_百度主动推送PHP演示代码分享

近期在搜外问答上看到有很多人咨询百度主动推送API接口怎么调用的问题,看了很多回答内容,并没有讲到本质上。 虽然百度站长平台有提供类似的接口调用演示,但是对于基础比较薄弱的站长来讲,还是不会使用。 今天葱子给大家提供一份百度主动推送PH...

【源码分享】网贷是否上征信查询系统免费下载

【源码分享】网贷是否上征信查询系统免费下载

这套源码是基于12391.net网站提供的“PHP+excel多用途查询系统 ”优化而来,版权归原作者所有。 这套源码是小贷社独家优化过的,在这之前一直是小贷社独家使用。现在免费分享给大家。   主要特点:...

如何在电脑上访问手机页面?试试这个chrome插件

如何在电脑上访问手机页面?试试这个chrome插件

有时候需要在PC电脑上网访问下手机页面,每次都要去打开手机,有点小麻烦。 这里葱子我分享给大家一个chrome插件,直接安装在chrome浏览器上就可以访问手机页面了。 怎么使用:看截图,一目了然。...

发表评论

访客

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