转载原文: 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. scheduler定时器相关

    定时器官网: http://www.quartz-scheduler.org/

  2. SAS FORMAT 逻辑库存储 【输出格式 没有找到或无法加载】解决方法

    SAS FORMAT 逻辑库存储 [输出格式  没有找到或无法加载]解决方法:需要指定FORMAT 搜索的路径:OPTIONS FMTSEARCH=(F WORK); 以下为完整示例代码: 00@DA ...

  3. 第9章 应用层（6）_SMTP和POP3/IMAP协议

    7. 电子邮件 7.1 电子邮件发送和接收过程 (1)图解电子邮件的发送 ①一个电子邮件系统应具备三个主要组成构件:A用户代理(如Outlook).B邮件服务器.C邮件发送和接收协议(分别为SMTP和 ...

  4. NT平台ADSL拨号连接密码恢复原理

    NT平台拨号连接密码恢复原理 创建时间:2004-11-08 更新时间:2004-11-12文章属性:原创文章提交:eyas (eyas_at_xfocus.org)NT平台拨号连接密码恢复原理Aut ...

  5. HTML中head与body标签

    一 head内常用标签 1.meta相关 #1.指定字符集 <meta charset="gbk"> #2.页面描述 <meta name="Descr ...

  6. hdfs底层存储分隔符

    字段分割 \ map字段里面key \ value \ 每行结尾用linux换行符 \0a '\r'是回车,'\n'是换行,前者使光标到行首,后者使光标下移一格,通常敲一个回车键,即是回车,又是换行( ...

  7. java正则表达式替换空格和换行符

    public class StringUtil {        public static String getStringNoBlank(String str) {            if(s ...

  8. django 解决css，js文件304导致无法加载显示问题

    这种情况一般会在windows系统下出现 1.前台.后台如果无法加载css等样式.(建议通过此办法来解决) 这是因为你安装的某些IDE 或者其他更改了注册表导致的系统的注册表\HKEY_CLASSES ...

  9. win10安装tomcat9

    环境:win10 64bit.tomcat 时间:2016年9月6日 15:11:47 一.下载tomcat 用浏览器打开tomcat官网:http://tomcat.apache.org/ 在左侧的 ...

  10. vue2.0过滤器

    最近一阶段,项目上比较清闲,有了更多的时间可以研究一下vue了. 这里记录一下关于vue2.0过滤器的学习. vue2.0删除了所有的框架自带的过滤器,也就是说,如果你在vue2.0当中想用过滤器,那 ...