Web打印(window.print)

简单记录一下使用window.print函数的打印之后的情况:

1、window.print方法的效果和直接在浏览器的菜单选择打印的效果是一样的。

2、假如要打印的样式与原页面有区别,建议直接做一个用于打印的页面(直接在原页面做一些打印格式设置的工作效率太低)。

3、window.print方法提供的window.onbeforeprint和window.onafterprint事件,但是只有IE支持这两个事件,Firefox不支持,需要跨浏览器的要注意这个问题(其它浏览器未测试过)。

4、CSS打印

     引入css的方式有两种:

         <link rel="stylesheet" type="text/css" href="" media="print" />

     或者

          <style>
              @media print
              {
                   //样式                  

               }
          </style>
    

     CSS的分页功能没有测试过,假如以后完的话我会补上。

     此外网上有些文章提供的#header, #footer等选择器在IE以及Firefox下都无法工作(知道原因的麻烦告知)。

5、打印中出现的页眉、页脚,最简便的方法就是让用户自己在浏览器菜单中设置是否打印。

你可能感兴趣的:(Web,css,浏览器,IE,firefox)