首页 / JAVASCRIPT / JS打印组合功能

JS打印组合功能

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS打印组合功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3868字，纯文字阅读大概需要6分钟。

内容图文

本文为大家分享了JS打印组合功能，功能全面，供大家参考，具体内容如下

1.局部打印--即想打印什么地方就打印什么地方
解决办法：
将不想打印的地方隐藏起来
<style type="text/css" media=print>
.noprint{display : none }

分页的时候用
.PageNext{page-break-after: always;}
然后给不想打印的页面元素添加： class="Noprint" ，那就不会出现在打印和打印预览中了。
想分页的地方添加： <div class="PageNext"></div> 就可以了。
</style>
在将不想打印的地方控制起来
<p class="noprint">不需要打印的地方</p>

2.引用组建
WebBrowser是IE内置的浏览器控件，无需用户下载.
WebBrowser控件
<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>

关于这个组件的用法，列举如下：
WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销，有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示

3.实例

 <head>
<script language="javascript"> 
<style type="text/css" media=print>
.noprint{display : none }
</style>
function printsetup()
{ 
 // 打印页面设置 
  wb.execwb(8,1); 
} 
function printpreview(){ 
// 打印页面预览 
wb.execwb(7,1); 
} 
function printit() 
{ 
 if(confirm('确定打印吗？'))
 { 
  wb.execwb(6,6) 
 } 
} 
</script>
</head> 
<body>
<p class="noprint">
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="wb" name="wb" width="0"></OBJECT> 
<input type="button" name="button_print" value="打印" onclick="javascript:printit()" /> 
<input type="button" name="button_setup" value="打印页面设置" onclick="javascript:printsetup();" /> 
<input type="button" name="button_show" value="打印预览" onclick="javascript:printpreview();" /> 
</p>
</body>

3.JS 实现简单的页面局部打印

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); //从开始代码向后取htm
 prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
 window.document.body.innerHTML=prnhtml;
 window.print();
 window.document.body.innerHTML=bdhtml;
} 
else {
  window.print();
  }
}

使用很简单将页面内要打印的内容加入中间XXXXX
再加个打印按纽 onclick=preview(1)

4、控制"纵打"、横打”和“页面的边距。
（1）<script defer>

function SetPrintSettings() { 
　// -- advanced features 
　factory.printing.SetMarginMeasure(2) // measure margins in inches 
　factory.SetPageRange(false, 1, 3) // need pages from 1 to 3 
　factory.printing.printer = "HP DeskJet 870C" 
　factory.printing.copies = 2 
　factory.printing.collate = true 
　factory.printing.paperSize = "A4" 
　factory.printing.paperSource = "Manual feed" 

　// -- basic features 
　factory.printing.header = "This is MeadCo" 
　factory.printing.footer = "Advanced Printing by ScriptX" 
　factory.printing.portrait = false 
　factory.printing.leftMargin = 1.0 
　factory.printing.topMargin = 1.0 
　factory.printing.rightMargin = 1.0 
　factory.printing.bottomMargin = 1.0 
} 
</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); //从开始代码向后取htm
 prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
 window.document.body.innerHTML=prnhtml;
 window.print();
 window.document.body.innerHTML=bdhtml;
} 
else {
  window.print();
  }
}

使用很简单将页面内要打印的内容加入中间XXXXX
再加个打印按纽 onclick=preview(1)

更多关于js打印功能的内容，点击《js打印功能汇总》专题学习

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

内容总结

以上是互联网集市为您收集整理的JS打印组合功能全部内容，希望文章能够帮你解决JS打印组合功能所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/350705.html

来源：【匿名】

【上一篇】js事件冒泡、事件捕获和阻止默认事件详解【下一篇】javascript 怎么调用php方法

更多 ►

【JS打印组合功能】教程文章相关的互联网学习教程文章

JavaScript 实现打印,打印预览,打印设置

WebBrowser是IE内置的浏览器控件，无需用户下载. 一、WebBrowser控件　　<object ID=‘WebBrowser‘ WIDTH=0 HEIGHT=0 CLASSID=‘CLSID:8856F961-340A-11D0-A96B-00C04FD705A2‘></object> 二、WebBrowder控件的方法 //打印WebBrowser1.ExecWB(6,1);//打印设置WebBrowser1.ExecWB(8,1);//打印预览WebBrowser1.ExecWB(7,1); 关于这个组件还有其他的用法，列举如下： WebBrowser.ExecWB(1,1) 打开 Web.ExecWB(2,1) 关闭现在所有的IE...

js实现打印功能

<input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /><style type="text/css" media=print>.noprint{display : none }</style><p class="noprint">不需要打印的地方</p><p>打印的部分</p>  <!--...

打印CSDN博客内容JS【代码】

https://blog.csdn.net/jdy_lyy/article/details/102923471使用如下代码，先进入到打印界面(function(){ $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove(); $(".nav_top_2011, #header, #navigator").remove(); $(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove(); $("aside").remove(); $(".csdn-side-toolb...

js打印功能【代码】

doPrint:function(){var headhtml = "<html><head><title></title></head><body>";var foothtml = "</body>";// 获取div中的html内容// var newhtml = document.all.item(printpage).innerHTML;// 获取div中的html内容，jquery写法如下var newhtml = $("#printdeliveryView").html();// 获取原来的窗口界面body的html内容，并保存起来var oldhtml = document.body.innerHTML;// 给窗口界面重新赋值，赋自己拼接起来的html内容docum...

用JS的for循环打印九九乘法表【代码】

需要使用两个for循环嵌套，代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>九九乘法表</title></head><body><script>for (var i =1 ; i <=9; i++) {for(var j=1; j<=i; j++){document.write(i+‘x‘+j+‘=‘+i*j+‘,‘);}document.write(‘<br/>‘);}</script></body></html> 原文：http://www.cnblogs.com/zhangyin6985/p/5445836.html

使用javascript实现监控视频播放并打印日志_javascript技巧【图】

最近在做一个项目，要求监控视频的播放事件并能够打印LOG日志，经过一番思索，使用javascript实现了此功能，代码如下： HTML:代码如下:Multi SourceJS:代码如下:window.addEventListener("load",getVideoEvent); function getVideoEvent(){ var videoes=document.getElementsByTagName("video"); for (var i = 0; i showEventLog("video"+(i+1),videoes[i]); } } function showEventLog(videoNum,Media){ eventTester = function(...

Node.js利用debug模块打印出调试日志的方法

前言大家都知道在node程序开发中时，经常需要打印调试日志。用的比较多的是debug模块，比如express框架中就用到了。下文简单举几个例子进行说明。文中相关代码示例，可在这里找到。备注：node在0.11.3版本也加入了util.debuglog()用于打印调试日志，使用方法跟debug模块大同小异。基础例子首先，安装debug模块。 npm install debug使用很简单，运行node程序时，加上DEBUG=app环境变量即可。 /*** debug基础例子*/ var debug = r...

使用javascript实现监控视频播放并打印日志

最近在做一个项目，要求监控视频的播放事件并能够打印LOG日志，经过一番思索，使用javascript实现了此功能，代码如下： HTML:代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Multi Source</title> </head> <body> <video src="http://www.w3school.com.cn/i/movie.mp4" controls autoplay></video> <video src="http://www.w3school.com.cn/i/movie.mp4" c...

javascript – 在Chrome JS调试器中,如何打印对象的所有属性？【代码】

我在Chrome中打开了Javascript调试器(Ctrl Shift L)并开始使用它在我的代码中设置断点. 与Firebug相比,这是一个非常不同的界面(它是所有命令行驱动的)所以我想知道如何做一个简单的事情,比如打印一个对象的所有属性. 如果我有这样的对象：var opts = {prop1: "<some><string/></some>",prop2: 2,prop3: [1,2,3] }我可以设置一个断点并检查对象,但我似乎只得到一个属性,我不确定会出现哪个属性：$print opts #<an Object>试图获得所...

利用JavaScript的循环语句再页面中打印图形【代码】

利用JavaScript的循环语句再页面中打印图形前面两篇博客我们讲解怎么使用for循环进行数学的简单计算，这篇博客主要是利用js的循环语句在网页中打印出各种图形。 1.利用js的循环语句打印矩形// 利用循环语句在网页中打印十行十列的矩形for (var j = 0; j < 10; j++) {// 一行打印10个 @for (var i = 0; i < 10; i++) {document.write("@");}document.write("<br/>");}// 利用while循环打印矩形var x=0;while(x<10){var y=0;while(y...

javascript – 为什么Chrome和FireFox控制台打印未定义？【代码】

拿这个简单的Test对象并将其粘贴到控制台中,你会看到它显示为undefined.该对象正在工作,因为它也打印123,但未定义的是什么. 测试：var Test = new (function(){return {get testing(){return "123";}} });console.log(Test.testing);控制台输出：123 undefined解决方法:这是console.log的返回值. 尝试console.log(1);这使1 undefined但是,如果你输入的话Test.testing只给出了"123"

javascript-在d3.js中的x轴上以不同格式打印日期【代码】

我正在使用D3.js构建此折线图及其工作正常.但我无法以缩写形式在X轴上打印月份(jan,feb ….) 这是我解析日期的方式.var parseDate = d3.time.format("%m-%Y").parse;x轴代码var xAxis = d3.svg.axis().scale(x).orient("bottom");以及打印和附加svg.append("g").attr("class", "x axis").attr("transform", "translate(0," + height + ")").call(xAxis);帮助我.解决方法:只需在内部使用d3.time.format的tickFormatvar xAxis = d3.s...

Javascript：在编写for循环时,为什么要打印最后一个索引号？【代码】

在js解释器中编写一个简单的for循环时,我会自动获取索引号的最后一个值(在本例中为i).js> for (var i=0; i<100; ++i) { numbers[i]=i+1; } 100 js> i 100有人可以解释为什么翻译工作那样吗？我没有明确要求它打印i的值. 很抱歉这些含糊不清的人,但我真的不知道如何描述正在发生的事情.解决方法:javascript中的所有语句都有一个值,包括在循环结构中执行的块.执行循环块后,将返回最终值(如果不执行任何操作,则返回未定义的值).隐含地...

用while循环计算打印2到100的偶数和的几种方法

用while循环计算打印2到100的偶数和（三种方法） 1. 循环—while 语法：while（条件）{//循环体-循环操作//更新循环条件++/--； }2.continue 作用：终止本次循环的执行，继续下一次的循环<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" style="text/css" href=""> <style> </style> </head> <body> <script> 计算打印2——100的偶数和 // ...

javascript-通过js用websocket连接打印机进行打印问题

通过js 用websocket 连接打印机进行打印，已知打印机的端口是默认开的，通过PHP代码 $s = fsockopen("192.168.1.122", 8081,$errno, $errstr, 30);fwrite($s,"abcjiuejseeeeeeeee2222222222ss"); 这样打印是可以的，但通过JS的websocket连接就只打印头信息，是什么情况？ js 代码是： ws = new WebSocket("ws://192.168.1.122:8081/"); console.log(ws); ws.onopen = function (e) {console.log(e);console.log("连接成功");ws.se...

首页 / JAVASCRIPT / JS打印组合功能

JS打印组合功能

内容导读

内容图文

内容总结

内容备注

内容手机端

【JS打印组合功能】教程文章相关的互联网学习教程文章

功能 - 相关标签

组合 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程