JavaScript打印函数window.print()
在执行时打印当前网页。可以直接使用onclick
事件调用此函数,例如,
<html>
<head>
<script type = "text/javascript">
</script>
</head>
<body>
<form>
<input type = "button" value = "打印" onclick = "window.print()" />
</form>
</body>
<html>
虽然它的目的是得到打印输出,但它不是一个推荐的方法。一个打印机友好的页面实际上是一个只有文本,没有图像,图形或广告的页面。
可以通过以下方式使页面打印友好将页面复制一份,去掉不需要的文本和图形,然后从原始页面链接到打印机友好的页面。
如果不想保留一个页面的额外副本,那么可以使用适当的注释标记你的可打印文本,
例如,
<!--media=print 这个属性只在打印时有效-->
<stylemedia=print>
.Noprint{display:none;} //不打印
.PageNext{page-break-after: always;}//换页打印
</style>
<script type="text/javascript">
function doPrintSetup(){
//打印设置
document.all.WebBrowser.ExecWB(8,1)
}
function doPrintPreview(){
//打印预览
document.all.WebBrowser.ExecWB(7,1)
}
function doPrint() {
window.print();
}
</script>
<input type="button" value="直接打印" οnclick="return doPrint();" id="Button1" />
<div class="Noprint">这里面的内容可以在网页上显示,在打印时不会显示</div>
<div class="PageNext"></div><!--加上此空div,下面的内容就会换一页打印,需要注意整体布局-->
注意:通过CSS控制页面中不需要打印的元素不显示。可以尝试动态利用js临时删除某些元素。然后尝试打印。