JS - 在html页面实现打印功能

首先在head里面加入下面一段js代码:

然后在所需要打印的代码,用包围着,如下:




<div >
    ...
div>


最后加上一个打印的按钮:

<input type=button name='button_export' value='打印'  onclick=preview(1) >

在一个HTML页面里面,可以设置多个打印区域,需要改动一下的就只是几个数字就OK了。如:
在选择第二个区域里面时用包围着,而按钮自然也改成对应的preview(1)了。这样第二区域的打印就完成。

还有一点,就是CSS样式表的问题了,打印的效果是不包含背景的打印的,设置是注意一下。

你可能感兴趣的:(JavaScript)