我有一个网络应用程序,我们在其中收集网页中的学生数据。此aspx页面有一个“打印承认卡”按钮,点击该按钮打算输入承认卡。我已经为卡动态创建了一个html布局,并希望打印出来。如何实现这一目标?
答案 0 :(得分:1)
单击按钮时,您可以致电window.print()
。
<input type="button" value="Print Admit Card" onClick="window.print();" />
答案 1 :(得分:1)
最好的办法是保持会话中的值并在点击事件上打开一个新窗口
在页面加载时创建html。
在window.load事件中调用java脚本打印如下
body onload="window.print();"
您的页面上可能有一些您不想打印的控件。
为此,您可以使用css
类。
css中的css
Media Types有一个很好的选项,可以在打印页面时隐藏内容。
在同一个网站上有一个很好的帖子,你可以通过它。
Good rules for setting up print css?
答案 2 :(得分: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>
答案 3 :(得分:0)
使用CSS可以指定CSS的媒体类型。这样做的是,当您要求打印时,页面的其余部分将被删除,并且只会打印看起来像卡片的部分。这是一个帮助您入门的链接。 CSS Media Types。 此外,您可以重新打开您的页面,只有print css有效,并且Osiris指示调用Window.print();打印页面。