发新帖

[web前端] jquery 打印插件

零下一度 2018-3-29 1327

使用 jquery.PrintArea.js 插件需要使用  jquery>=1.9版本

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.PrintArea.js"></script>
<link href="css/PrintArea_1.css" rel="stylesheet" type="text/css" />
<script>
$(document).ready(function(){
    $("#print_act").click(function(){  
        var headElements =  '<meta charset="utf-8" />,<meta http-equiv="X-UA-Compatible" content="IE=edge"/>';
        var options = { mode : 'popup', popClose:false, extraCss : '',retainAttr:'["id","class","style"]',  extraHead : headElements };
        $("div.print").printArea( options );
    });
}); 
</script>
</head>
<body>
<div class="PrintBox" id="PrintBox"> 
 <div id="print" class="print all">
          <div class="print_box">
              <div class="print_title" >2018年 年度 奖金</div> 
          </div>
      </div>
       <a href="javascript:;" id="print_act">
        打&nbsp;印
     </a>
 </div> 
</body>
</html>

演示地址:http://demo.tvtvu.com/print/

最新回复 (0)
返回
零下一度
主题数
931
帖子数
0
注册排名
1