PHPIN.NET

 找回密码
 立即注册
查看: 5304|回复: 0

[jQuery/Js/AJAX] iframe自动适应宽高

[复制链接]

469

主题

31

回帖

5509

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5509
发表于 2015-9-12 17:08:30 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
iframe自动适应宽高:
  1. <iframe src ="#url" frameborder="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" id="ifm" name="ifm" onload="javascript:dyniframesize('ifm');" width="100%"></iframe>
  2. <script type="text/javascript">
  3. function dyniframesize(down) {
  4.     var pTar = null;
  5.     if (document.getElementById){
  6.         pTar = document.getElementById(down);
  7.     }
  8.     else{
  9.         eval('pTar = ' + down + ';');
  10.     }
  11.     if (pTar && !window.opera){
  12.         //begin resizing iframe
  13.         pTar.style.display="block"
  14.         if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
  15.             //ns6 syntax
  16.             pTar.height = pTar.contentDocument.body.offsetHeight +20;
  17.             pTar.width = pTar.contentDocument.body.scrollWidth+5;
  18.         }
  19.         else if (pTar.Document && pTar.Document.body.scrollHeight){
  20.             //ie5+ syntax
  21.             pTar.height = pTar.Document.body.scrollHeight;
  22.             pTar.width = pTar.Document.body.scrollWidth;
  23.         }
  24.     }
  25. }
  26. </script>
复制代码


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|PHPIN.NET ( 冀ICP备12000898号-14 )|网站地图

GMT+8, 2024-4-20 20:59

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表