JS實作列印網頁内容

 1、在頁面的代碼頭部處加入JavaScript：

<script   language=javascript>

function   doPrint()   {  

bdhtml=window.document.body.innerHTML;  

sprnstr= " <!--startprint--> ";  

eprnstr= " <!--endprint--> ";  

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);  

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));  

window.document.body.innerHTML=prnhtml;  

window.print();  

}

</script>

　　2、在頁面正文處加上 <!--startprint--> 與 <!--endprint--> 辨別。也就是在需要使用者列印儲存的正文所對應的html處附加上。

　　3、截取内容部分已完成，現在加個“列印”的連結： <a   href= "javascript:; "   onClick= "doPrint() "> 列印教程 </a>

<script language="javascript">

<!--

function PrintNote()

{

var PrintWin=window.open('about:blank','Print');

PrintWin.document.write('<object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>' + document.all("PrintContent").innerHTML);

PrintWin.document.all.WebBrowser.ExecWB(7,1);

PrintWin.close();

}

-->

</script>

--------------------------------------------

内容用<div>裝起來，并把DIV設定ID

<div id="PrintContent" align="center">

your GridView

</div>

------------------------------------

<input onclick="javascript:PrintNote();" type="button" value="列印" id="Button2" onserverclick="Button2_ServerClick" runat="server"/>