Step 1：將你要列印的範圍用 DIV 區塊包起來
<div id="print_parts">
框住要列印的網頁範圍，記得不要破壞到 Tag 的巢狀架構
</div>
Step 2：撰寫 javascript 程式區塊
<script type="text/javascript">
function printScreen(printlist)
{
var value = printlist.innerHTML;
var printPage = window.open("", "Printing...", "");
printPage.document.open();
printPage.document.write("<HTML><head></head><BODY onload='window.print();window.close()'>");
printPage.document.write("<PRE>");
printPage.document.write(value);
printPage.document.write("</PRE>");
printPage.document.close("</BODY></HTML>");
}
</script>
Step 3：在網頁中插入列印的按鈕或文字
<a href="#" onclick="printScreen(print_parts);" >Printing ... </a>
資料來源:
http://blog.xuite.net/tolarku/blog/447081329
沒有留言:
張貼留言