js实现iframe动态调整高度的代码

2016-02-19 08:56 11 1 收藏

下面，图老师小编带您去了解一下js实现iframe动态调整高度的代码，生活就是不断的发现新事物，get新技能~

【 tulaoshi.com - Web开发】

代码如下：

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

来源:http://www.tulaoshi.com/n/20160219/1588902.html

上一篇： javascript js cookie的存储,获取和删除
下一篇：解析Android中webview和js之间的交互

看过《js实现iframe动态调整高度的代码》的人还看了以下文章更多>>

如何实现iframe(嵌入式帧)的自适应高度

好几次看到有人提问问到如何实现 iframe 的自适应高度，能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象，刚好我在工作中也碰到了类似问题，于是上网翻查，东抄抄西看看，弄出来这么一个函数，贴到页面里面就能用了。不敢独享，大家要是觉得有用，欢迎使用源代码如下 <script type="t...

Iframe 代码详解

标签： Web开发

Iframe src="example.htm" width="300" heitht="100"/IFRAME example.htm 是被嵌入的页面，标签 IFRAME 还有一些可用的参数设置如下： marginwidth:网页中内容在表格右侧的预留宽度；例如：marginwidth="20"，单位是 pix，下同。 marginheight:网页中内容在表格顶部预留的高度； hspace:网页右上角的的横坐标； vsp...

关于IFRAME 自适应高度的研究

标签： Web开发

htmlhead meta http-equiv="Content-Type" content="text/html; charset=gb2312" meta name="GENERATOR" content="Microsoft FrontPage 4.0" meta name="ProgId" content="FrontPage.Editor.Document" titleNew Page 1/title /head body IFRAME id="test" name="...

js操作iframe的src的例子

标签： Web开发

本文详细介绍了iframe框架高度随内容的变化而变化的代码。 iframe src="XXX.htm" width="700px" frameborder="0" id="frmsrc" scrolling="no" marginheight="0" onload="AutoIframe()"/iframe script type="text/javascript" functi...

实现彩色闪烁超链接效果的JS代码

有的站点超链接鼠标移上去时有彩色闪烁效果，其实很简单就是调用了一段JS代码而已。下面就是实现效果所需代码： <script language="javascript" var rate = 30; var object; var act = 0; var elmH = 0; var elmS = 128; var elmV = 255; var clrOrg; var TimerID; if (navigator.appName.in...

查看更多精彩>>