方法: window.print()
print() 方法用于打印当前窗口的内容。
打印样式:
/* 样式将只应用于打印 */
@media print {
body {
color: #000;
background: #fff;
}
}
- 控制打印设置选项
该@page规则允许您指定页面的各个方面。例如,你将要指定页面的尺寸。页边 距,页眉页脚等都是非常重要的。[很多浏览器均己支持]
@PAGE规则纸张大小设置
通过下面这条CSS您可以设置纸张大小,5.5英寸宽,8.5英寸高.
@page {
size: 5.5in 8.5in;
}
你还可以通过别名控制纸张大小,如"A4"或“legal.”
@page {
size: A4;
}
你还可以控制打印方向, portrait: 纵向打印地, landscape: 横向
@page {
size: A4 landscape;
}
打印功能的问题
新窗口打开的页面中调用打印功能时,会阻塞主页面的js进程,因为新窗口和主页面公用一个线程。解决方法,在我的另一篇文章里面有说明:
地址: 新窗口打开页面的问题