使用javascript的打印功能打印弹出窗口_Javascript_Jsp

使用javascript的打印功能打印弹出窗口

javascript jsp

使用javascript的打印功能打印弹出窗口,javascript,jsp,Javascript,Jsp,我有一个模式弹出窗口“网关通行证”。当我点击generate时，它会生成这个gatepass。在这个关卡中，我有两个按钮关闭并打印。当我点击打印按钮时，我希望打印的是网关通行证，而不是背景。请引导我，我怎么做 <html> <head> <script src="js/calculateamt.js" type="text/javascript"></script> <link href="CSS/popup.css" rel=

我有一个模式弹出窗口“网关通行证”。当我点击generate时，它会生成这个gatepass。在这个关卡中，我有两个按钮关闭并打印。当我点击打印按钮时，我希望打印的是网关通行证，而不是背景。请引导我，我怎么做

<html>
<head>
 <script src="js/calculateamt.js" type="text/javascript"></script>
      <link href="CSS/popup.css" rel="stylesheet" type="text/css">

</head>
<body>
   <fieldset id="gatepass" class="popup">
    <p align="center"><span style="size: 40px; font-size: 24px; alignment-adjust:middle">CASH RECIEPT</span></p>
    <table width="453" border="0" align="center" cellpadding="20px">
            <tr>
                <td width="188" height="51">RECIEPT NO : 
                    <label id="recno"><%=recieptno%></label></td>
                <td width="179">DATE : <label id="date"><%=date%></label></td>
            </tr>
            <tr>
                <td height="57">NAME : <label id="name" > <%=firstname%> <%=lastname%></label></td>
                <td>VILLAGE : <label id="village"> <%=vill%></label></td>
            </tr>
        </table>

        <p>&nbsp;</p>
        <table width="697" height="52" border="0" align="center" cellpadding="20px">
            <tr>
                <td width="205">AGREEMENT NO : <label id="agrno"> <%=agreno%></label> </td>
                <td width="149">LOT NO : <label id="lotno"><%=agreno%>/<%=bag%></label></td>
                <td width="151">BAGS : <label id="bags" ><%=bag%></label></td>
                <td width="174"> VEHICLE NO : <label id="vehicle"></label></td>
            </tr>
        </table>
        <p>&nbsp;</p>
        <table width="200" height="47" border="0" align="center" cellpadding="20px">
            <tr>
                <td> TOTAL AMOUNT : 
                    <label onloadstart="javascript:totalamt()" id="Totalamt" name ="total"></label></td>

            </tr>
        </table>
        <p align="center">
        <p align="center">
            <input type="button" name="Print" id="Print" value="PRINT" onClick="window.focus();window.print();">
            <input type="button" name="close" id="close" value="CLOSE" onClick = "closePopup();"  /> 

        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>

    </fieldset>

</body>
</html>


现金接收
接收编号：
日期：
姓名：
村庄：

协议编号：
地段编号：/
袋子：
车辆编号：

总金额：

我建议你研究一下打印样式表

您只需按下按钮，即可使用js手动操作背景。类似这样的东西，我想使用javascript的打印功能。但是我不知道怎么做，就像我上面所说的，只需要包含另一个带有media=“print”的css文件，并在里面有一个不同的背景色。这是最简单的选择。

<link rel="stylesheet" type="text/css" href="print.css" media="print" />