页面打印

Xebcnor     最近更新时间:2020-08-04 05:37:59

119

很多时候你会想在你 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>

虽然这能够满足你将页面打印出来的要求,但并不推荐这种方法将页面提供给打印设备。一个友好的打印页面,仅仅是打印一个包含文本的页面,而不包括图片,图形或者广告。

你可以采用以下方法之一来使一个页面友好的打印:

展开阅读全文