js打印网页内容

最新推荐文章于 2023-08-09 18:42:38 发布

weixin_30892987

最新推荐文章于 2023-08-09 18:42:38 发布

阅读量123

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dantayihao/p/9376720.html

版权

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

第一种:

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

<button οnclick="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>

转载于:https://www.cnblogs.com/dantayihao/p/9376720.html

weixin_30892987

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js打印网页内容

实现网页内容打印，楼主现在知道两种方式。第一种: 直接打印页面全部内容，调用浏览器打印。<button onclick="window.print()">打印</button>第二种：　　使用js打印网页内容，可打印指定部分。需要引入如下三个文件，且注意引入顺序　<script src="jquery.mi...
复制链接

扫一扫