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

kallywxl

kallywxl

2016-02-19 08:56

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

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 

展开更多 50%)
分享

猜你喜欢

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

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

用javascript动态调整iframe高度的代码

Web开发
用javascript动态调整iframe高度的代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用javascript动态调整iframe高度的方法

Web开发
用javascript动态调整iframe高度的方法

通过ifame指向的页面高度调整iframe的高度

Web开发
通过ifame指向的页面高度调整iframe的高度

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JS实现刷新iframe的方法

Web开发
JS实现刷新iframe的方法

jQuery解决iframe高度自适应代码

Web开发
jQuery解决iframe高度自适应代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

javascript js cookie的存储,获取和删除

javascript js cookie的存储,获取和删除

解析Android中webview和js之间的交互

解析Android中webview和js之间的交互
下拉加载更多内容 ↓