这篇文章完全是属于技术文章，也是记录一下自己在项目当中遇到的坑爹问题啊，因为是B/S的程序，所以打印功能还是必须要有的，对于打印我选择了一个js插件，发现非常的简单和方便，所以这里拿出来和大家分享一下啊！还是很有用的哦！

在实际项目当中有时候还要包括数据统计的功能，这个我相信一般的项目都要有的吧（想听听大家的意见），这里也想请大家帮我推荐一个好的javascript插件吧，或者其他什么组件，不废话了，看代码去。

VS环境：2012

测试浏览器：所有主流浏览器（Chorme，Firefox，IE10，9，8，7，Opera，360安全（急速和兼容模式））

这是我的个人博客地址，大家可以看看哦！在留言板留言啊！http://yanghenglian.com/（使用高版本的浏览器打开哦，使用了html5和css3的一些东西，所以效果好，最好推荐谷歌）！

1.页面（代码）

打印页面

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>javascript实现页面打印（适合B/S）程序</title>

    <script src="js/jquery-1.6.4.min.js"></script>

    <script src="js/jquery.printPage.js"></script>

    <script type="text/javascript">

        $(document).ready(function ()

        {

            $(".btnPrint").printPage();

        });

    </script>

</head>

<body>

    <!-- class自定义的类样式 -->

    <p><a class="btnPrint" href="list.html">打印</a></p>

</body>

</html>

index.html

列表页面

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>列表页面</title>

</head>

<body>

    <table>

        <tbody>

            <tr>

                <td width="340" valign="top">1</td>

                <td width="340" valign="top">2</td>

                <td width="340" valign="top">3</td>

                <td width="340" valign="top">4</td>

                <td width="340" valign="top">5</td>

            </tr>

            <tr>

                <td width="340" valign="top">上</td>

                <td width="340" valign="top">山</td>

                <td width="340" valign="top">打</td>

                <td width="340" valign="top">老</td>

                <td width="340" valign="top">虎</td>

            </tr>

        </tbody>

    </table>

</body>

</html>

list.html

2.效果图

主要的代码就是这两个页面，其他的没什么很大的业务逻辑了。希望可以帮助到大家（不求推荐了，还是希望大家可以少走点弯路吧！），项目我也放到了csdn当中，希望大家可以下载查看，无私奉献。赞一个！

开源下载地址：http://download.csdn.net/download/mryanghenglian/6660357

将来的你一定会感激现在拼命的自己

开源的javascript实现页面打印功能，兼容所有的浏览器（情况属实）的更多相关文章

  1. vue html页面打印功能vue-print

    vue项目中,HTML页面打印功能.在项目中,有时需要打印页面的表格, 在网上找了一个打印组件vue-print-nb 使用方式 安装 npm install vue-print-nb --save ...

  2. javascript之页面打印

    WebBrowser组件是IE内置的浏览器控件,使用时,首先要在<body>标签的下面用<object>...</object>标记声明WebBrowser组件,代 ...

  3. 关于highcharts(功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库)

    官网http://www.hcharts.cn/ 引入下列文件 <script type="text/javascript" src="http://cdn.hch ...

  4. css table 布局 与 JavaScript 指定区域打印功能

      <!DOCTYPE html> <html lang="en"><head> <meta http-equiv="conte ...

  5. Highcharts 功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库

    http://www.hcharts.cn/index.php 暂无介绍,等待后续补充

  6. JS达到Web指定保存的和打印功能的内容

    背景 首先,说说文章的背景.近期手中的一个项目,因为需求中要求提供Web界面的打印功能.当然假设没有打印机,还能够提供保存到本地.项目组长把这个"小任务"分给了我.本着努力为组长分 ...

  7. android网页打印,安卓网页打印,h5页面打印,浏览器打印,js打印工具

    Android设备打印比较麻烦,一般设备厂商都提供原生app开发的SDK,我们web开发者为难了,不会原生开发啊 给大家提供一个思路,实现web加壳,利用打印浏览器实现 简单来说就是把我们的web页面 ...

  8. Jquery 页面打印

    <script src="~/Scripts/js/dist/jquery.jqprint-0.3.js"></script> <script typ ...

  9. web页面实现指定区域打印功能

    web页面实现指定区域打印功能 使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 详细如下: <style media=print type="t ...

随机推荐

  1. Asp.net Core WebApi 全局异常类

    通过全局异常类,所有程序中遇到的错误都会被拦截,并友好的返回结果. 1.自定义一个全局异常处理类中间件 using Microsoft.AspNetCore.Http; using Newtonsof ...

  2. c++中的&

    变量的前面表示取变量地址赋值给指针, 如:int a = 0; int *pa = &a;类型后面表示引用,引用即变量的替身. int a = 0; int &ref = a;操作re ...

  3. MVC ASP.net流程 源代码分析

    AppDomainFactory.cs 1. public Object Create(String appId, String appPath) public Object Create(Strin ...

  4. SQL SERVER 2008 如何查询含有某关键词的表

    最新文章:Virson's Blog 文章来自:百度知道 /** 查询一个数据库中所有的数据中是否包含指定字符串 */ ) set @str='字符串' --要搜索的字符串 ) declare tb ...

  5. CLR via C#深解笔记六 - 泛型

    面向对象编程一个好处就是“代码重用”,极大提高了开发效率.如是,可以派生出一个类,让它继承基类的所有能力,派生类只需要重写虚方法,或添加一些新的方法,就可以定制派生类的行为,使之满足开发人员的需求. ...

  6. 储物柜soket通信协议和中间件实现技术细节

    一.中间件程序的职责: 1)对柜机提供soket长连接的服务器端,就是soket server.可提供上万的客户端同时连接.用来实时响应控制请求,中间件必须随时知道某个柜机的在线状态,外部请求时才能判 ...

  7. 十二、EnterpriseFrameWork框架核心类库之与EntLib结合

    从本章开始对框架的讲叙开始进入核心类库的讲解,前面都是对框架外在功能讲解,让人有个整体的概念,知道包含哪些功能与对系统开发有什么帮助.以后多章都是讲解核心类库的,讲解的方式基本按照代码的目录结构,这样 ...

  8. ADO.NET 3.5高级编程：应用LINQ&Entity Framework

    http://item.jd.com/10080604.html 第1部分 ADO．NET3．5概览第1章 使用ADO．NET3．5提供的新方法访问数据1．1 语言集成查询LINO1．1．1 LIQ  ...

  9. 基于MSP430F413水果电池供电的低功耗时钟

      我最早接触MSP430时候,看到书的第一页就是一张水果电池的图片,一直以来想做一个低功耗的可以水果电池供电的系统,毕业之后的下半年选择MSP430F413单片机来画了一个低功耗的板子,一直没有调试 ...

  10. Java知多少（105）套接字(Socket)

    网络应用模式主要有: 主机/终端模式:集中计算,集中管理: 客户机/服务器(Client/Server,简称C/S)模式:分布计算,分布管理: 浏览器/服务器模式:利用Internet跨平台. www ...