六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 162|回复: 0

Web打印(window.print)

[复制链接]

升级  66%

7

主题

7

主题

7

主题

童生

Rank: 1

积分
33
 楼主| 发表于 2013-2-7 23:18:56 | 显示全部楼层 |阅读模式
简单记录一下使用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、打印中出现的页眉、页脚,最简便的方法就是让用户自己在浏览器菜单中设置是否打印。
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表