JavaScript金字塔打印

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>金字塔</title> <style type="text/css"> body{ font-size: 30px; } .empty{ display: inline-block; width: 40px; height: 20px; line-height: 2…

Javascript控制台打印Object对象做项目的时候遇到一个问题,在调试代码时需要打印对象来查看具体数值,想了各种方法也没有实现,最后查资料知道了可以使用JSON.stringify()将obj转为字符串后打印,再此记录. const marks = () => ( this.props.station ? this.props.station.map((item, index) => ({ position: stringToPosition(item.coordinate), si…

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); //打印预览 WebBrow…

JavaScript 实现打印操作

一.打印当前页面指定元素中的内容方式一:直接使用window.print(); (1)首先获得元素的html内容(这里建议如果有样式最好是用内联样式的方式) var newstr = document.getElementById(myDiv).innerHTML;//得到需要打印的元素HTML (2)保存当前页面的整个html,因为window.print()打印操作是打印当前页的所有内容,所以先将当前页面保存起来,之后便于恢复. var oldstr = document.body.inn…

JavaScript之打印页面局部区域

/** * [print part area of html page] * @Author JohnnyZen * @DateTime 2017-10-23 * @copyright [johnny.weily] * @license [license] * @version [1.0] * @link http://www.johnnyzen.cn/ * @required itemX * @param { } [varname] [description] * @return {[type…

javascript区域打印代码

这段代码是我从Highcharts的代码中改造出来的,非常感谢Highcharts的作者,先链上Highcharts的地址http://www.highcharts.com/,(Highcharts的统计图代码非常棒,功能超强大,大家可以试试)! 下面附上js区域打印的代码 ? /****************************************功能代码******************************/ (function(){ window.JPrint = { …

javascript 如何打印、输出数组内容（将数组内容以字符串的形式展示出来）

1.情景展示在实际开发过程中,为了调试,有时我们需要看数组中具体包含了哪些数据,但是, 如果我们直接打印该数组对象,显示的结果却不是我们想要的. 如何才能将数组内容打印出来呢?(将数组内容以字符串的形式展示出来) 2.解决方案实现方式:将数组转换成json字符串 var array = []; var json = {}; $('table td').each(function(){ json = {"name":$(this).attr('title'),"im…

javascript实现打印功能

<input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value="点击打印预约书详情" style="width: 100%;height: 40px;background: #fff;border:0;border-bottom: 1px solid #d3d7db; "…

javascript页面打印

打印本身比较简单,但要考虑到具体的需求.比如 1. 多浏览器: if (isIE()) { //打印预览 WebBrowser1.execWB(7, 1); } else { window.print(); } 如代码所示, IE浏览器与其他浏览器的使用的方式是不一样的,如在chrome浏览器中使用window.print显示的是打印预览,而在IE中显示的是打印界面(选择打印机),如果想在IE中显示打印预览,则需要在代码中增加如下的标签,在使用如上的WebBrowser1. <OBJECT ID…

JavaScript 控制台打印window对象

示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>控制台打印window对象</title> </head> <body> <script> console.log(window); </script> </body> </html…

js,javascript，打印对象，object

function writeObj(obj){ var description = ""; for(var i in obj){ var property=obj[i]; description+=i+" = "+property+"\n"; } alert(description); } writeObj(obj); //传入对象…

Javascript动态调整文章的行距、字体、颜色，及打印页面和关闭窗口功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

javascript实现jsp页面的打印预览

1.加载WebBrowser打印预览控件 <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="wb" name="wb" width="3"></OBJECT> <input type=button value=打印预览 onclick=document.all.WebBrows…

web页面实现指定区域打印功能

web页面实现指定区域打印功能使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 详细如下: <style media=print type="text/css"> .noprint{visibility:hidden} </style> 要打印的内容.哈哈! <p class="noprint">将不打印的代码放在这里.</p> <a href="javas…

浅谈JavaScript计时器

JavaScript计时器 1.什么是JavaScript计时器? 在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行. 2.计时器类型一次性计时器:仅在指定的延迟时间之后触发一次.间隔性触发计时器:每隔一定的时间间隔就触发一次 3.计时器方法 1):一次性计时器 A):setTimeout(): 指定的延迟时间之后来执行代码,进执行一次语法:setTimeout(代码,延迟时间); 参数说明: 1. 要调用的函数或要执行的代码串.2. 延时时间:…

C#巧用Excel模版变成把Table打印出来

将一个做好的Excel模版,通过程序填上数据然后打印出来这个需求有两种方法一种是通过代码打开Excel模版然后填入数据然后再打印. 第二种方法就是我将要介绍的 1.将Excel设置好格式另存为HTML页将Excel转化为HTML的Table 2.将HTML用记事本打开把这个HTML页将<style></style>和<table></table>标签中的内容粘贴出来. 3.在程序中写入打印代码. using System; using System.Coll…

JS 网页打印解决方案

这些日子真是太忙了,项目太多了公司总是加班,而且这些项目中好多都用到的打印,所以学习了一段时间js的打印. 其实原来只是用到了简单的功能,现在要深入的了解才发现原来ie的网页打印也是如此的强大. 以下是我在网上摘录的js打印方法. Javascript网页打印大全普通打印(整页打) 打印网页内部分内容(自定义) 打印去掉/添加页眉页脚使用外部控件/方法实现多功能打印打印背景以上为代码控制设置“页面设置”实现打印参数设置…

asp.net调用Lodop实现页面打印或局部打印,可进行打印设置或预览

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebPrint.aspx.cs" Inherits="WebPrint" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT…

LODOP打印当前日期时间的方法

JS方法直接获取.之前有个详细介绍的博文:LODOP打印用JS获取的当前日期本文也再演示一下,详细介绍见上面链接的博文,该方法此文不做详细介绍. 本文有三段:1.JS获取日期,2,.LODOP的FORMAT方法获取日期,然后打印,3.JS获取日期和时间代码 : <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WE…

LODOP中的纯文本和超文本打印项

LODOP中的的打印项,有超文本也有纯文本,超文本指的是用html语言,html里的标签为值的打印项,该种打印项会经过浏览器解析,LODOP本身不带解析超文本的引擎,调用的windows底层引擎,与ie浏览器一致,由于ie版本的不同,会导致解析出来的内容也可能有不同.如果是套打或输出小票,输出内容比较简单,一般建议使用纯文本方式,这种不受浏览器引擎的影响. ADD_PRINT_TEXT输出的为纯文本打印项,ADD_PRINT_HTM.ADD_PRINT_TABLE等输出的为超文本打印项.纯文本:…

Lodop打印表格带页头页尾高度是否包含页头页尾

通过设置TableHeightScope,可以实现对ADD_PRINT_TABLE,表格带页头页尾,查看本博客另一篇博文:Lodop打印表格带页头页尾自动分页每页显示头尾超文本超过打印项高度,会自动分页,详细参考本博客另一篇博文:Lodop打印控件超文本自动分页那么带页头页尾后的超文本高度,会决定每页输出的内容多少,自动分页的依据,默认高度是不包含页头页尾的,可以通过语句设置是否包含页头页尾,或只包含其中的某一个.LODOP.SET_PRINT_STYLEA(0,"TableHeight…

LODOP设置打印设计返回JS代码是变量

前面有一篇博文是介绍JS模版的加载和赋值,赋值有两种,详细可查看本博客的那篇博文:LodopJS代码模版的加载和赋值简单来说,就是打印项的值是变量,在添加打印项前进行赋值:打印项的值是字符串,给打印项设置类名,可以在添加打印项只有按照类名赋值(也可以是序号等),详细可查看上面链接里的博文. 对于打印项的模版本身是变量的这种模版,直接使用打印设计返回的值都不是变量,可以手动修改成变量,或者在需要是变量的打印项后面加这句LODOP.SET_PRINT_STYLEA(1,"ContentVName&q…

LODOP 获取打印设计代码不带INIT初始化语句

前面的博文生成JS代码模版和文档式模版,生成的是带初始化语句的模版,如果想要打印多个,可以循环多个任务,什么是一个任务,可查看本博客相关博文:Lodop打印语句最基本结构介绍(什么是一个任务)一个任务里可以有多页,如果是手动分页:Lodop强制分页LODOP.NewPage()和LODOP.NewPageA()Lodop控件NewPage();测试输出空白页 LODOP.GET_VALUE("ProgramCodes",0);//获取传统的JS代码模版LODOP.GET_VALUE(&…

LODOP设置打印机不存在不打印

LODOP中打印机的选择有优先级的存在,如果程序中指定的是错误的打印机,那么会走下一个优先级,这样,就可能存在选择了打印机无效,从默认打印机打印出来了,可以在代码里加判断避免这一点. 打印机优先级简介:第一优先级:SET_PRINTER_INDEX等程序代码里指定的打印机.第二优先级:上次在预览界面的打印设置中选择的打印机,Lodop按任务名对应记忆下来.第三优先级:操作系统选择的默认打印机.默认打印机优先级最低,当前两个优先级不存在或没生效时,会走最低的默认打印机优先级. 可以在预览或打印前,…

Lodop打印html数字间隔不一致

在font-size属性控制数字大小的时候,可能会出现数字间隔有问题,间隔不一致,可尝试用其他字体大小试试,一般字体越小,越可能出现问题. 如图,前两个打印项都是form1,样式一个是style1,一个是syle2.而style1和style2的区别就是字体大小,一个是9px,一个是12px.在本人的这台电脑上,9px数字间隔有点问题,而12px没有,此外px数值越小,字越小,间隔问题越严重,有客户12px不可以,再加大才可以.如图,7pt是正常的,此外3pt,1pt,等放大后也是正常的. 可尝…

LODOP打印超文本中部分文字消失的一种情况1

如果有两对空span,第一对里面是空格,第二对里面是文字,在这两对span标签之间的文字会消失. <span> </span>文字<span>文字</span>类似这样的格式可能底层ie浏览器的解析有关,由于Lodop借助的是windows底层的引擎进行解析,lodop本身不自带浏览器引擎(lodop和c-lodop都是轻量级,两三兆以内的小东西),所以受引擎解析的而影响,可以尽量避免这种格式的出现,由于一些软件样式都是自动生成的,有许多不需要的样式和标签,…

LODOP用ADD_PRINT_IMAGE语句缩放打印图片

LODOP提高输出图片质量的方法:1.用ADD_PRINT_IMAGE语句打印图片,而且img元素的width和height属性要去掉或者设置足够大,这样就可以让下载引擎传给Lodop图片质量足够好;2.如果要控制图片输出大小,要用SET_PRINT_STYLEA(0,"Stretch",1)语句控制最终输出大小也就是不要在img标签里设置width和height,或设置足够大.控制大小直接用ADD_PRINT_IMAGE的宽高,然后加上可变形或不可变形缩放语句,进行控制大小. 预览是…

LODOP打印css样式rgba显示黑色区块

当LODOP打印html超文本出现问题的时候,要删减排查一下样式,查看Lodop传入的内部的html超文本和样式,可查看本博客另一篇博文:删减发现有问题的样式,并解决该问题,尽量使用通用的css样式,更换样式的实现方式,更换对应的css代码可解决问题.例如该样式:RGBA(R,G,B,A),这里R:红色值.正整数 | 百分数G:绿色值.正整数 | 百分数B:蓝色值.正整数 | 百分数A:Alpha透明度.取值0~1之间.有人使用了该样式,排查后发现预览的时候显示黑块,即使alpha透明图是全透明…

Lodop打印较大的超出纸张的图片

ADD_PRINT_IMAGE打印图片时,如果一个图片过大,超出纸张,默认超出部分是不显示的,也不会分页.最近遇到有人利用ADD_PRINT_URL打印图片,说图片自动分了多页,因为这个方法一般是用来打印url网页的,所以我试验了一下用这个方法打印图片,结果图片超过高度确实自动分页了,应该说这个方法估计是把这个图片当作超文本来对待了.但是这不是标准的使用方法,如果只是打印图片,建议用ADD_PRINT_IMAGE,url用来输出网页,按照技术手册的标准用法. 如果图片超大,如果不缩放,不可能在一…

Lodop打印设计矩形重合预览线条变粗

LODOP中的打印设计是辅助进行开发的,实际打印效果应以预览为准,很多效果都是在设计界面显示不出来,或设计和预览界面有差异.例如add_print_text文本的字间距.行间距,旋转,还有允许标点溢出和英文拆分样式:Lodop纯文本英文-等符号自动换行问题还有一些超文本样式可能也会出现打印设计界面与预览界面有差异的情况.例如,某些调用的I引擎不同造成默认样式不同:Lodop中特殊符号￥打印设计和预览不同 Lodop除了可以用超文本的table表格,还可以用线条和矩形框制作表格,可以在打印设计里…

【JavaScript金字塔打印】的更多相关文章