转载原文: 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. Windows配置多个git用户

    Window配置多个Git账户,SSH连接GitHub.GitLab 最新版本GIt配置对应多个Git仓库(不需要添加多个用户名和邮箱): 在本地git上添加一个用户名和邮箱,生成一对公钥和私钥,把公 ...

  2. python装饰器1

    目的:在不修改原来函数代码的前提下,使用这个功能,可以使得之后这个函数被调用时增加额外的功能. #2.定义装饰器 def deco (fun): print "i am deco,i can ...

  3. async方法:async+await

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...

  4. SpringBoot应用部署到Tomcat中无法启动问题(初识)

    参考http://blog.csdn.net/asdfsfsdgdfgh/article/details/52127562 背景 最近公司在做一些内部的小型Web应用时, 为了提高开发效率决定使用Sp ...

  5. Struts2学习：Action使用@Autowired注入为null的解决方案

    1.pom.xml引入struts2-spring-plugin <dependency> <groupId>org.apache.struts</groupId> ...

  6. angularjs指令实现轮播图----swiper

    'use strict'; angular.module('app').directive('swipersLbt',swipers); swipers.$inject = ['$timeout']; ...

  7. websocket如何设置？

    根据之前写的步骤到当前的websocket设置 一.websocket设置: 1)在线程租下右键单击选择Sampler如图: 2)进行它的设置 2.保存 3.添加查看结果数和聚合报告(此处不详细说明, ...

  8. Python之网络编程（Socket）

    1.网络通信原理与互联网协议 详见:https://www.cnblogs.com/JackLi07/p/9218039.html 2.socket层 以上是tcp/ip五层协议的结构图,我们没有看到 ...

  9. 使用bootstrap3.0搭建一个具有自定义风格的侧边导航栏

    由于工作变动,新的项目组,可能会涉及到更多的类似于后台管理系统这一类的项目,而且开发可能更加偏向于传统型的开发,希望今后能够在新的项目中能够用得上vuejs吧! 接手项目的时候,就是一个后台管理系统, ...

  10. 【Eclipse】将Tab替换为空格

    工作中由于TAB和空格的占位不一样,在比对代码的时候,总是对齐方式不正确. 所以,就网搜了下Tab替换空格的方式,还不错哦,记录下来. 操作如下: 1.点击 window->preference ...