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>

转载于:https://www.cnblogs.com/zhongyuan/p/3229647.html