window.print 打印指定区域

代码：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>window.print 打印指定区域</title>
<style>
.print{color:red;}
</style>
</head>

<body>
<div class="print">
<div  id="J_print">
<p>
要打印的内容
</p>
</div>
<p>
不想打印的内容
</p>
</div>

测试：win7/ opera 11.00,firefox 3.6.13 ie8
<p>link 方式：<br>
1.good</p>
<p>直接操作页面dom：<br>
    1.闪烁<br>
    2.样式继承<br>
    3.firefox异步 有问题
</p>
<p>iframe 方式：<br>
    1.ie,opera 打印的是页面的</p>
<p>window.open 方式：<br>
    1.opeara 不打印,绑定onload可打印，但立即关闭页面会造成opera崩溃</p>
<iframe name="riframe" frameborder="0"  width="0" height="0"></iframe>
<button id="J_btnPrint">dom print</button><button id="J_btnPrint2">iframe print</button><button id="J_btnPrint3">window.open print</button>
<script>
(function(){
	
function $(id){
	return document.getElementById(id);
}
var oldS=document.body.innerHTML,
	newS=$("J_print").innerHTML;
	
$("J_btnPrint").onclick=function(){

document.body.innerHTML=newS;
	window.print() ;
	document.body.innerHTML=oldS;

}
$("J_btnPrint2").onclick=function(){

var context=window.frames['riframe'];
	context.document.body.innerHTML=newS;
	context.print();	
}
$("J_btnPrint3").onclick=function(){

var context=window.open('','_new');
	context.document.write(newS);
	context.document.close();
	context.print();
	context.close();
	//opera 立刻关闭崩溃
	/*context.onload=function(){
		context.print();	
		context.close();
	};*/
}
})();
</script>
</body>
</html>

window.print 打印指定区域

代码：

效果：