iframe自适应高度的各种方法总结

 2024-01-20 04:02:54  阅读 0

无边框的可以与网页无缝结合,因此可以在不刷新页面的情况下更新页面的部分数据。 但其尺寸并不像图层那样“可伸缩”,因此在使用中带来了麻烦。 高度设置太大不好,太小也不好。 现在,我告诉大家一种动态调整高度的方法,主要是以下JS函数:

第一种方法:代码简单,兼容性还可以。 你可以先测试一下。

代码如下所示:

(对象)

var win=obj;

如果 (。)

if (win && !.opera)

if (win.&& win..body.)

赢。 = 赢.. 身体.;

else if(win.&& win..body.)

赢。 = 赢.. 身体.;

最后,添加时属性不能丢失。 当然,函数中的id也必须匹配win。

代码如下所示:

这种代码与上面的解决方案类似。

经典代码自适应高度,在IE6/IE7/IE8//Opera//中通过测试。

HTML 代码:

代码如下所示:

代码:

下面一款比较兼容

代码如下所示:

另一种情况的解决方案(超级简单)

重要提示:src=中填写的网页地址必须与本页面在同一个站点,否则会出现错误,提示“访问被拒绝!” (其实这是因为Js的跨域问题导致拒绝访问的)

我以前遇到过这个问题。 我上网搜索了一下答案,发现很多人也遇到过这个问题。 现在我将解决方案分享给大家。

js获取iframe内容高度_获取iframe中pdf的高度_获取iframe的高度

1、创建一个.js文件,输入以下代码(只需两行)

代码如下所示:

..all("框架 ID 名称").style.=.body.;

..all("框架ID名称").style.width=.body.;

这里的框架ID名称就是ID,例如:

代码如下所示:

2. 将每个包含的文件添加到您的网站中

代码如下所示:

3. 好了,今天就到此为止吧!

在WINXP和IE6下通过测试。 很简单!

实现自适应高度

实现的自适应高度可以自动适应页面的长度,避免页面同时出现滚动条的现象。

代码如下所示:

第三种方法是批量自适应的:

在工作中,遇到了高度适配包含内容的问题。 之前在网上看到过类似问题的解决方案,于是搜索了一下,找到了一个比较完整且兼容浏览器的解决方案,省去了自己写的麻烦。

虽然你不必自己写,但这个想法仍然需要理解。 基本上就是获取属性src指定的文档中内容的高度,然后用它来设置自己的高度。 当页面加载时,页面中所有需要适应高度的项目都会进行自动设置,省时省力。 如果您确定页面中的所有内容都需要自适应高度,则可以直接获取数组并将其交给代码。 您甚至不需要自己写 ID。 程序已完成。 (代码贴出来了:)

代码如下所示:

网上有人改进了方法,解决了包含文档内容高度动态变化时自动调整高度的问题。 原理是不断扫描所包含文档的内容高度并改变自身的高度。 这个方法看似解决了问题,但是并不影响页面。 很难说速度和系统资源使用是否会受到影响。 感觉方法有点偏执,应该有更好的解决方案。

第四种方法仅在已知 ID 的情况下调用,不推荐。

代码如下所示:

(){

((){如果(!);.=(.?..body.:..body.);},200)

相关文章

标签: 代码 高度 页面

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码