[研究][JavaScript]友善列印不顯示按鈕的方法

[研究][JavaScript]友善列印不顯示按鈕的方法

2023-01-07

環境：Visual Studio 2022 + ASP.NET + WebForm + Web Application + C#

********************************************************************************

Default.html

<style type="text/css"> @media print { .noprint{display:none;} } </style> <div align="right" class="noprint"> <input type="button" value="列印" onclick= "window.print() " style="cursor:pointer;" /> </div> <div class="noprint"> <input type="button" value="列印2" onclick= "window.print() " style="cursor:pointer;" /> </div> <!--這樣不行 <div style="display:none;"> <input type="button" value="列印2" onclick= "window.print() " style="cursor:pointer;" /> </div> 這樣不行 <input type="button" value="列印3" onclick= "window.print() " style="cursor:pointer;display:none;" /> 這樣不行 <input type="button" value="列印4" onclick= "window.print() " style="display:none;" /> -->

列印去掉頁首頁尾和日期的指令碼

<style type="text/css"> @media print { .noprint{display:none;} } </style> <script type="text/javascript"> function doPrint() { // 獲得body的html bdhtml=window.document.body.innerHTML; // 列印開始的標誌 sprnstr="<!--startprint-->"; // 列印結束的標誌 eprnstr="<!--endprint-->"; // 從列印開始的位置擷取到末尾 prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); // 從開始擷取到列印結束的位置 prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); // 替換html window.document.body.innerHTML=prnhtml; // 列印 window.print(); } </script> <div align="right" class="noprint"> <input type="button" value="列印" onclick= "doPrint()" style="cursor:pointer;" /> </div> <input type="button" value="列印2" onclick= "doPrint()" style="cursor:pointer;" />

(完)

相關