js打印网页内容

实现网页内容打印，楼主现在知道两种方式。

第一种:

   直接打印页面全部内容，调用浏览器打印。

<button onclick="window.print()">打印</button>

第二种：

　　使用js打印网页内容，可打印指定部分。

      需要引入如下三个文件，且注意引入顺序　

 

<script src="jquery.min.js"></script>
<script src="jquery-migrate-1.2.1.min.js"></script>
<script src="jquery.jqprint-0.3.js"></script>

　　页面代码如下:

　　

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title></title>
 6         <link rel="stylesheet" href="css/style.css" />
 7     </head>
 8     <body>
 9         <div class="wrapper">
10             <div class="box">
11                 <div class="navigation">
12                     <ul>
13                         <li>
14                             <a href="">PHP</a>
15                         </li>
16                         <li>
17                             <a href="">HTML、CSS</a>
18                         </li>
19                         <li>
20                             <a href="">JavaScript</a>
21                         </li>                      
23                         <li>                             
25                             <a href="">随笔</a>        
27                         </li>                         
29                     </ul>
30                 </div>        
31             </div>
32             <div class="aa">
33                 此div内为打印内容
34             </div>
35         </div>
36         
37         <button onclick="print()">打印</button>
38         <script type="text/javascript" src="js/jquery.min.js"></script>
39         <script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
40         <script type="text/javascript" src="js/jquery.jqprint-0.3.js"></script>
41         
42         <script type="text/javascript">
43             function print(){
44                 $(".aa").jqprint();
45             }
46         </script>
47     </body>
48 </html>

 

posted @ 2018-07-27 11:42  蛋挞一昊  阅读(653)  评论(0)    收藏  举报