iframe 去边框

网上查了好久,蛋疼,总是没有一种让我用着舒心的方法。

不小心在一个插件里面看到一写法,很不错。特记录。

html部分:

<div class="rightpar">
   <IFRAME ID="testIframe" Name="testIframe" FRAMEBORDER=0 SCROLLING=AUTO width=100% height=600px SRC="*****.html">
   </IFRAME>
</div>

注释:红色‘***.html’,是iframe默认的指向地址。

js部分:

<script>
var demoIframe; //全局变量
$(function(){
  demoIframe = $("#testIframe");
  demoIframe.bind("load", loadReady);
  $('.child_node').click(function(){  //点击页面元素,更换iframe内容
    var server = "<?php echo Yii::app()->request->hostInfo; ?>";
    var link = $(this).attr('val'); //页面元素里放目标url
    demoIframe.attr("src", server+link);
    return false;
  });
  return false;
});
function loadReady() {  //关键函数,获取iframe内容的高度并设置,如果对宽度有要求,可以做相应修改
  var bodyH = demoIframe.contents().find("body").get(0).scrollHeight,
  htmlH = demoIframe.contents().find("html").get(0).scrollHeight,
  maxH = Math.max(bodyH, htmlH), minH = Math.min(bodyH, htmlH),
  h = demoIframe.height() >= maxH ? minH:maxH ;
  if (h < 530) h = 530;
  demoIframe.height(h);
}
</script>

posted @ 2013-08-01 11:35  zyliang  阅读(1062)  评论(0编辑  收藏  举报