NO IMAGE

html部分

//首先我們得了解js呼叫印表機。使用window.print();這是列印整個頁面。
<p>下面是圖片</p>
<div>     
<img src="圖片地址">  
</div>
<button id="print" onclick="doPrint()">列印指定部分(以列印圖片為例)</button>

js部分

function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->"; //開始列印標識字串有17個字元
eprnstr="<!--endprint-->"; //結束列印標識字串
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr) 17); //從開始列印標識之後的內容
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //擷取開始標識和結束標識之間的內容
window.document.body.innerHTML=prnhtml; //把需要列印的指定內容賦給body.innerHTML
window.print(); //呼叫瀏覽器的列印功能列印指定區域
window.document.body.innerHTML=bdhtml; // 最後還原頁面
}

用法:比如我想列印html程式碼中的圖片,在html文件中img標籤前加上,標籤後加上即可。
即:

<p>下面是圖片</p>
<!--startprint-->
<div>     
<img src="圖片地址">  
</div>
<!--endprint-->
<button id="print" onclick="doPrint()">列印指定部分(以列印圖片為例)</button>

ps:如果要列印指定部分以外的內容,將其他部分隱藏即可
用法:

$('#print').click(function(){
$('p').hide();
window.print();
$('p').show();
});