0

我有一个网络应用程序，我们在其中收集网页中的学生数据。这个 aspx 页面有一个“打印准考证”按钮，单击该按钮旨在打印准考证。我已经为卡片动态创建了一个 html 布局，并希望将其打印出来。怎样才能做到这一点？

4

4 回答 4

1

您可以window.print()在单击按钮时调用。

<input type="button" value="Print Admit Card" onClick="window.print();" />
于 2012-11-27T05:02:21.297 回答
1

最好的办法是保留会话中的值并在点击事件时打开一个新窗口。
并在页面加载时创建 html。
在 window.load 事件上调用 java-script 打印如下

body onload="window.print();"

您的页面上可能有一些您不想打印的控件。
为此，您可以使用css类。在 css 中的媒体类型
中 有一个很好的选项，可以在打印页面时隐藏内容。 在同一个网站上有很好的帖子，您可以浏览它。 设置打印 css 的好规则？css


于 2012-11-27T05:18:38.977 回答
1

这段代码可以帮助你..

HTML 代码：

 <div id="printarea">

//content you want to print
</div>

<input id="btnprint" type="button" onclick="PrintDiv()" value="Print" /></center>

Javascript函数：

  <script type="text/javascript">

        function PrintDiv() {
            var divToPrint = document.getElementById('printarea');
            var popupWin = window.open('', '_blank', 'width=300,height=400,location=no,left=200px');
            popupWin.document.open();
            popupWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</html>');
            popupWin.document.close();
        }
     </script>
于 2012-11-27T06:09:38.050 回答
0

使用 CSS，您可以指定 CSS 设计的媒体类型。这将做的是，当您要求打印时，页面的其余部分将被删除，并且只会打印看起来像卡片的部分。这是一个帮助您入门的链接。CSS 媒体类型。此外，您可以仅在打印 css 有效的情况下重新打开页面，并且如 Osiris 所示调用 Window.print(); 打印页面。

于 2012-11-27T05:20:02.943 回答