码迷,mamicode.com
首页 > 其他好文 > 详细

iframe自适应高度代码

时间:2015-04-17 11:15:16      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:

  1. var adjustIframe = function (id) {
  2.     var iframe = document.getElementById(id)
  3.     var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument;
  4.     var callback = function () {
  5.         var iheight = Math.max(idoc.body.scrollHeight, idoc.documentElement.scrollHeight); //取得其高
  6.         iframe.style.height = iheight + "px";
  7.     }
  8.     if (iframe.attachEvent) {
  9.         iframe.attachEvent("onload", callback);
  10.     } else {
  11.         iframe.onload = callback
  12.     }
  13. }

 

  1. <iframe id="js_sub_web" width="80%" frameborder="0" scrolling="no" allowTransparency="true" src="http://www.cnblogs.com/rubylouvre/archive/2009/09/15/1566722.html">
  2. </iframe>
  1. window.onload = function(){
  2.      adjustIframe("js_sub_web");
  3. }

iframe自适应高度代码

标签:

原文地址:http://www.cnblogs.com/goodbeypeterpan/p/4434175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!