转载原文: 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. 去掉user agent stylesheet 浏览器默认样式 [ 2.0 版本 ]

    今天在写一个网页的时候发现一个问题,我的table的样式很奇怪,也没有设置什么样式,跟其他的页面不一样,打开开发者工具一看,发现有这么点样式: 其中右上角:user agent stylesheet ...

  2. tpadmin导入数据库问题

    tpadmin导入数据库后,修改表名tp_web_log_all时报1168错误 原因:该为联合表,原始sql语句中的联合表tp_web_log_001未改变表名,必须修改后用sql语句添加该表

  3. 为什么QQ空间和QQ邮箱都是IE默认打开？

    为什么QQ空间和QQ邮箱都是IE默认打开? 我已经设置成chrome为默认浏览器了 原文转载至:https://zhidao.baidu.com/question/390662851068217285 ...

  4. Spring事务管理的demo

    事务是逻辑上的一组操作,这组操作要么全部成功,要么全部失败,最为典型的就是银行转账的案例: A要向B转账,现在A,B各自账户中有1000元,A要给B转200元,那么这个转账就必须保证是一个事务,防止中 ...

  5. Shiro ini配置

    Shiro.ini配置: ini配置文件类似Java中的properties(key = value),不过提供了key/value分类的特性,每个部分的key不重复即可 在eclipse中设置打开方 ...

  6. VS2012常用快捷键！

    Shift+Alt+Enter: 切换全屏编辑Ctrl+B,T / Ctrl+K,K: 切换书签开关Ctrl+B,N / Ctrl+K,N: 移动到下一书签Ctrl+B,P: 移动到上一书签Ctrl+ ...

  7. sql语句中order by 多个字段同时排序的应用

    order  by 后面可以跟多个字段进行排序 用A1代表第一个字段,A2代表第二个字段 一.order by A1 , A2  desc   指的是用A1升序A2降序 二.order by A1 a ...

  8. KafkaAPI实战

    新旧API使用 Flume和Kafka集成: Kafka有两套API: 过时的API 和新API 准备工作 <dependencies> <dependency> <gr ...

  9. Centos下安装Docker集群管理工具Shipyard

    一. Docker Shipyard是什么 ? shipyard是一个开源的docker管理平台,其特性主要包括: 支持镜像管理.容器管理. 支持控制台命令 容器资源消耗监控 支持集群swarm,可以 ...

  10. Vue学习记录（一）

    一.引入js文件(直接采用CDN): http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js 二.简单实例: (1)HTML代码: &l ...