js实现iframe动态调整高度的代码
更新时间：2008年01月06日 19:51:32 作者：
iframe,尤其是不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大家一种iframe动态调整高度的方法，主要是以下JS函数：
复制代码 代码如下:
function SetWinHeight(obj)
{
var win=obj;
if (document.getElementById)
{
if (win && !window.opera)
{
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}
最后，加入iframe,不能丢掉onload属性，当然了，id也必须也函数中的win匹配
程序代码
复制代码 代码如下:
<iframe width=”778″ align=”center” height=”200″ id=”win” name=”win” onload=”Javascript:SetWinHeight(this)” frameborder=”0″ scrolling=”no”></iframe>
您可能感兴趣的文章:
相关文章
简单写了下，只测试了chrome，道理很简单，其他浏览器自行扩充。2013-05-05
这篇文章主要为大家介绍了如何利用D3.js中的d3.pie和d3.arc实现饼图、环图和玫瑰图的绘制，文中的实现方法讲解详细，感兴趣的可以尝试一下2022-11-11
RequireJS由James Burke创建，他也是AMD规范的创始人。大家知道我们为什么要学习requirejs吗？带着这个疑问来学习本篇文章吧，感兴趣的朋友一起学习RequireJS入门一之实现第一个例子吧2015-09-09
JavaScript中this关键词的使用技巧、工作原理以及注意事项
在JavaScript中，this 的概念比较复杂。除了在面向对象编程中，this 还是随处可用的。这篇文章介绍了this 的工作原理，它会造成什么样的问题以及this 的相关例子。2014-05-05
今天小编就为大家分享一篇layui prompt 设置允许空白提交的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了JavaScript兼容性总结之获取非行间样式的相关资料,需要的朋友可以参考下2016-08-08
这篇文章主要介绍了JS实现图片点击后出现模态框效果,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-05-05
下面的内容介绍了#号的使用，因为在url中多个#号代表不同的意义与区别。2011-02-02
这篇文章主要为大家详细介绍了用js实现用户注册的简洁版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要为大家详细介绍了JS实现动画中的布局转换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
最新评论