很多时候你会想在你 web 页面上添加一个按钮来用实际的打印机打印当前页面的内容。
JavaScript 能使用 window 对象的打印函数来帮你实现这个功能。
当JavaScript的打印方法 window.print() 执行后,就会打印当前的 web 页面。
你可以使用 onclick 事件直接调用这个函数,如下所示:
<head>
<script type="text/javascript">
<!--
//-->
</script>
</head>
<body>
<form>
<input type="button" value="Print" onclick="window.print()" />
</form>
</body>
这段代码会产生如下的所示的按钮,它能让你打印当前的页面。试着点击一下:
<head>
<script type="text/javascript">
<!--
//-->
</script>
</head>
<body>
<form>
<input type="button" value="Print" onclick="window.print()" />
</form>
</body>
虽然这能够满足你将页面打印出来的要求,但并不推荐这种方法将页面提供给打印设备。一个友好的打印页面,仅仅是打印一个包含文本的页面,而不包括图片,图形或者广告。
你可以采用以下方法之一来使一个页面友好的打印: