iframe高度自适应

来源:互联网 发布:安卓源码生成apk 编辑:程序博客网 时间:2024/05/22 07:42

  1. <iframe id="51aspx" name="51aspx" width="100%" onload="this.height=51aspx.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>
看到了吧,关键就在于! 下边这个正确~~~~~~~~~~~~~
  1. <script language="javascript" type="text/javascript">
  2. function dyniframesize(down) {
  3. var pTar = null;
  4. if (document.getElementById){
  5. pTar = document.getElementById(down);
  6. }
  7. else{
  8. eval('pTar = ' + down + ';');
  9. }
  10. if (pTar && !window.opera){
  11. //begin resizing iframe
  12. pTar.style.display="block"
  13. if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
  14. //ns6 syntax
  15. pTar.height = pTar.contentDocument.body.offsetHeight +20;
  16. pTar.width = pTar.contentDocument.body.scrollWidth+20;
  17. }
  18. else if (pTar.Document && pTar.Document.body.scrollHeight){
  19. //ie5+ syntax
  20. pTar.height = pTar.Document.body.scrollHeight;
  21. pTar.width = pTar.Document.body.scrollWidth;
  22. }
  23. }
  24. }
  25. </script>
  26. <iframe src ="/default2.aspx"  frameborder="0" marginheight="0" marginwidth="0"  frameborder="0" scrolling="auto" id="ifm" name="ifm"  onload="javascript:dyniframesize('ifm');"  width="100%">
  27. </iframe>
原创粉丝点击