转载原文: http://shengren-wang.iteye.com/blog/1161367

1、js实现（可实现局部打印）

    <!--打印的实现1：start-->

    <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />

    <!--将不需要打印的部分，标记为 class="noprint" -->

    <style type="text/css" media=print>

    　　.noprint{display : none }

    </style>

    <p class="noprint">不需要打印的地方</p>

    <p>打印的部分</p>

    <!--打印的实现1：end-->

    <!-- *************************  2011-09-28更新了代码 **************************** -->

    <!--打印的实现2：start-->

    <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />

    <script>

    　　function preview(oper)

    　　{

    　　　　if (oper < 10)

    　　　　{

    　　　　　　bdhtml=window.document.body.innerHTML;//获取当前页的html代码

    　　　　　　sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域

    　　　　　　eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域

    　　　　　　prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html

    　　　　　　prnhtmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html

    　　　　　　window.document.body.innerHTML=prnhtml;

    　　　　　　window.print();

    　　　　　　window.document.body.innerHTML=bdhtml;

    　　　　} else {

    　　　　　　window.print();

    　　　　}

    　　}

    　　</script>  

    <p>XXXXX</p>

    <!--startprint1-->要打印的内容<!--endprint1-->

    再加个打印按纽 onclick=preview(1)

    <!--打印的实现2：end-->

2、调用windows底层打印，报安全警告，不建议使用（不支持局部打印）

<HTML>

　　<HEAD>

　　　　<TITLE>javascript打印-打印页面设置-打印预览代码</TITLE>

　　　　<META http-equiv=Content-Type content="text/html; charset=gb2312" />

　　　　<SCRIPT language=javascript>

　　　　　　function printsetup(){

　　　　　　　　// 打印页面设置

　　　　　　　　wb.execwb(8,1);

　　　　　　}

　　　　　　function printpreview(){

　　　　　　　　// 打印页面预览

　　　　　　　　wb.execwb(7,1);

　　　　　　}    

　　　　　　function printit()

　　　　　　{

　　　　　　　　if (confirm('确定打印吗？')) {

　　　　　　　　　　wb.execwb(6,6);

　　　　　　　　}

　　　　　　}

　　　　</SCRIPT>

　　</HEAD>

　　<BODY>

　　　　<DIV align=center>

　　　　　　<OBJECT id=wb height=0 width=0 classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>

　　　　　　<INPUT onclick=javascript:printit() type=button value=打印 name=button_print />

　　　　　　<INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />

　　　　　　<INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show />

　　　　　　一按开始的减肥了卡时间段

　　　　</DIV>

　　</BODY>

</HTML>

3、jQuery实现（支持局部打印）

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="jquery.PrintArea.js"></script>

<script>

　　$(document).ready(function(){

  　　$("input#biuuu_button").click(function(){

  　　　　$("div#myPrintArea").printArea();

　　  });

　　});

</script>   

<input id="biuuu_button" type="button" value="打印"></input>

<div id="myPrintArea">.....文本打印部分.....</div>

转: JS实现页面打印的更多相关文章

  1. js调用页面打印

    ----------------------调用页面打印-------------------------------- <body> <div id="divPrint& ...

  2. JS实现页面打印

    [原文链接] 1.js实现(可实现局部打印) <input id="btnPrint" type="button" value="打印" ...

  3. 使用Js将页面打印或保存为Pdf

    很久没有写前端的文章了,今天就来说说js一个比较方便的功能,打印当前页面或保存成pdf吧. js有一个原生的函数,print(),顾名思义就是打印.但是有时候我们需要打印页面某些部分,所以需要对页面进 ...

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

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

  5. Jqprint实现页面打印

    好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件: 1.实现页面打印要引入jQuery和Jqprint.点击下载Jqprint插件 <script languag ...

  6. 开源的javascript实现页面打印功能，兼容所有的浏览器（情况属实）

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

  7. Web系统页面打印技术实现与分析

    1 Web页面打印概述应用WEB化,不论对开发商,还是对用户来说,实在是一种很经济的选择,因为基于WEB的应用,客户端的规则很简单,容易学习,容易维护,容易发布.在WEB系统中,打印的确是个烦人的问题 ...

  8. 使用jqprint插件完成页面打印

    使用jqprint插件完成页面打印 jqprint是一个基于jQuery编写的页面打印的一个小插件,但是不得不承认这个插件确实很厉害,最近的项目中帮了我的大忙,在Web打印的方面,前端的打印基本是靠w ...

  9. JS控制页面内容

    JS操作页面内容 innerText:普通标签内容(自身文本与所有子标签文本)innerHTML:包含标签在内的内容(自身文本及子标签的所有)value:表单标签的内容outerHTML:包含自身标签 ...

随机推荐

  1. java中synchronized 用在实例方法和对象方法上面的区别

    https://bijian1013.iteye.com/blog/1836575 在Java中,synchronized 是用来表示同步的,我们可以synchronized 来修饰一个方法.也可以s ...

  2. MySQL主从数据库的安装

    安装环境 操作系统 :CentOS 6.5 数据库版本:MySQL 5.6.27 主机A:192.168.1.1 (Master) 主机B:192.168.1.2 (Slave) 1 2 3 4 这里 ...

  3. Android 中Jackson的简单使用

    第一步:下载Jackson的jar包http://pan.baidu.com/s/1qXHwtQ0 第二步:在gradle中导入jar包 第三步:创建ObjectMapper对象的单例 Jackson ...

  4. 0000 - Spring 中常用注解原理剖析

    1.概述 Spring 框架核心组件之一是 IOC,IOC 则管理 Bean 的创建和 Bean 之间的依赖注入,对于 Bean 的创建可以通过在 XML 里面使用 <bean/> 标签来 ...

  5. CVPR 2019 | 用异构卷积训练深度CNN：提升效率而不损准确度

    对于深度卷积神经网络而言,准确度和计算成本往往难以得兼,研究界也一直在探索通过模型压缩或设计新型高效架构来解决这一问题.印度理工学院坎普尔分校的一篇 CVPR 论文则给出了一个新的思路——使用异构的卷 ...

  6. nvm+nodejs+npm

    安装nvm 1.下载nvm包,地址:https://github.com/coreybutler/nvm-windows/releases选择nvm-setup.zip下载, 解压,双击安装即可 2. ...

  7. vue-demo

    github地址:  https://github.com/TingtingYin/vue-demo

  8. 8.2.优化SQL语句

    8.2.优化SQL语句 数据库应用程序核心操作逻辑都是通过执行SQL语句来执行,不管是直接通过解释器还是通过后台API提交. 调优手册里面的这一节内容帮助各种各样MySQL程序加快速度.手册包括SQL ...

  9. 《算法》第六章部分程序 part 2

    ▶ 书中第六章部分程序,包括在加上自己补充的代码,B-树 ● B-树 package package01; import edu.princeton.cs.algs4.StdOut; public c ...

  10. ssm学习的第一个demo---crm(2)

    第四步:                  别名不区分大小写:入参为基本类型,#{可以随便写} 把静态资源(jsp.css.js.fonts)导入到项目中 第五步: 创建Contrller类(和普通j ...