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

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

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

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

.noprint{display : none }

</style>  

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

<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  

prnhtml=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、调用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 根据id实现局部打印

    // 打印初审收费清单     getOrderCostBille(){       var head_str = "<html><head><title> ...

  2. js或jquery实现页面打印(局部打印)

    首先定义css样式:  复制代码代码如下: @media print { .noprint { display: none;color:green } }  对于不想打印的内容只用在标签中加上 cla ...

  3. 利用js和CSS实现网页局部打印

    1 局部打印方法: 作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题.使用方法:将要打印的内容通过 <span id="dayin"> ...

  4. html局部打印

    html页面局部打印的小栗子 只要修改点击打印的按钮和打印的div区域的id就行啦 <!DOCTYPE html> <html> <head> <title& ...

  5. Jquery局部打印插件

    局部打印插件 jquery.PrintArea.js js代码 (function ($) {     var printAreaCount = 0;     $.fn.printArea = fun ...

  6. jquery 网页局部打印总结

    最近开发过程中遇到了js局部打印的功能,在网上找相关的资料,最终找到了juery.jqprint-0.3.js 和jquery.PrintArea.js两种. 最初使用的是jquery.jqprint ...

  7. Java局部打印的问题

    项目中遇到了做局部打印的情况,最开始用的bootstrap,可是实际显示的和打印的效果就不一样了,于是就只能换一种方式了. 打印是用的jqprint 这个插件,很简单好用的插件. 引入两个js就可以了 ...

  8. jquery局部打印插件使用

    基于jquery库的jquery.PrintArea.js插件源代码为: (function ($) { var printAreaCount = 0; $.fn.printArea = functi ...

  9. 【JS新手教程】LODOP打印复选框选中的任务或页数

    之前的博文:[JS新手教程]LODOP打印复选框选中的内容关于任务:Lodop打印语句最基本结构介绍(什么是一个任务)关于本文用到的JS的eval方法:JS-JAVASCRIPT的eval()方法该文 ...

随机推荐

  1. html5下F11全屏化的几点注意

    1.实现全屏化 var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestF ...

  2. c++ protected 访问限定

    class A { protected: int mA; }; class B : public A{ public: void Func() { mA = 0; // ok A *a = this; ...

  3. 20175213 2018-2019-2 《Java程序设计》第7周学习总结

    教材学习内容总结 (1)String (char a[])用一个字符数组a创建一个String对象. (2)String(char a[],int startIndex,int count) 提取字符 ...

  4. 爬虫之Splash

    Splash 是一个JavaScript渲染服务,是一个带有HTTP API 的轻量级浏览器,同时它对接了Python中Twisted和QT库. 1.功能介绍 1)异步方法处理多个网页渲染过程: 2) ...

  5. uni-app 使用 iconfont

    使用 uni-app 做项目时需要用到 iconfont.和 web 使用略有差别.谨以此记录. 因为 uni-app 不能使用本地字体图标库,所以不能直接下载使用. 1.将iconfont中需要的图 ...

  6. 后台编辑器组件VmEditor

    <template> <div class="wrap"> <div class="vm-editor"> <div ...

  7. R语言-饼图

    1.饼图 > browsers<-read.table("browsers.txt",header=TRUE) > browsers<-browsers[o ...

  8. python 写入数据

    import sys reload(sys) sys.setdefaultencoding('utf8') import xlrd import xlwt book = xlrd.open_workb ...

  9. Python基础-文件操作（七）

    一.文件基本操作 1.open 打开模式: w模式 写模式write 文件不存在时会创建文件,如果文件已存在则会清空文件 r模式 读模式read 文件不存在就报错,存在则准备读取文件 a模式 追加模式 ...

  10. python入门day01

      一.编程和编程语言 电脑的基本原理: #计算机通过高低电流表示二进制数的1和0,所以计算机识别的是电压的高低,准确地说是用电压表示的各种数据,即数字信号;其他的物理量必须通过传感器等设备转换成数字 ...