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>
2、解构技能,找出实现80%效果的那20%
3、不要一心二用
4、练习练习再练习!然后获得即时反馈
5、坚持,不要在低谷期放弃