转载原文: 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. Git配置SSH Key

    最近看到很多人在配置Git时,遇到很问题,网上教程千篇一律.这儿自己单独记录一份. Git配置SSH Key 1.检查本机是否有ssh key设置,切换到.ssh目录 $ cd ~/.ssh 或cd ...

  2. 第11章 拾遗4：IPv6（2）_给计算机配置IPv6地址

    4. 给计算机配置IPv6地址 4.1 无状态自动配置IPv6地址 (1)网络拓扑 ①无状态地址自动配置是指不需要DHCP服务器进行管理,由客户端向路由器发送前缀请求(RS)询问其所在网段.路由器收到 ...

  3. 马哥Linux base学习笔记

     介绍课程: 中级: 初级:系统基础 中级:系统管理.服务安全及服务管理.shell脚本 高级: MySQL数据库: Cache & storgae 集群: Cluster   lb: 4la ...

  4. bzoj3252: 攻略(贪心）

    /* 因为权值都是正的, 所以贪心的正确性能保证 然后重链贪心跑一下就好了 */ #include<cstdio> #include<algorithm> #include&l ...

  5. jvm 内存分配 （转）

    深入理解JVM—JVM内存模型  http://www.cnblogs.com/dingyingsi/p/3760447.html 我们知道,计算机CPU和内存的交互是最频繁的,内存是我们的高速缓存区 ...

  6. ansible安装使用入门

    生成对称密钥 执行以下命令,会在当前用户的.ssh目录下生成id_rsa和id_rsa_pub两个文件. ssh-keygen -t rsa root用户:/root/.ssh 普通用户:/home/ ...

  7. CentOS7离线安装Ambari与HDP

    安装步骤总体说明 1.安装以前需要先规划服务器,一台主机多台从机.主从需要设置时间同步和免密. 2.建立离线源,因在线安装速度很慢,所以需要建立离线源. 3.在主机上安装Ambari,进入系统后,挂接 ...

  8. hive之窗口函数

    窗口函数 1．相关函数说明 COVER():指定分析函数工作的数据窗口大小,这个数据窗口大小可能会随着行的变而变化 CURRENT ROW:当前行 n PRECEDING:往前n行数据 n FOLLO ...

  9. uva-704-暴力枚举-双向bfs

    题意:俩个转盘,24个数字,每个转盘都可以顺时针,逆时针旋转.终点固定. 问:给定一个起点,能不能在16步内转到终点 解法:双向bfs,终点走8步,起点走8步,判断从起点生成的状态是否在终点里面,如果 ...

  10. python中的swapcase

    swapcase()将字符串中的字母小写变大写.大写变小写,举个例子: 1 a = "hELLO wORLD" 2 a1 = a.swapcase() 3 print(a1) 输出 ...