首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏小语雀网

    JS原生打印

    //打印预览 window.print(); /*设置默认横向打印*/ @page { size: landscape; } /*设置默认纵向打印*/ @page { size: portrait

    25.5K20发布于 2021-09-08
  • 来自专栏小海怪python学习

    JS 实现分页打印

    在调用 window.print() 时,可以实现打印效果,但内容太多时要进行分页打印。 在样式中有规定几个打印的样式 page-break-before 和 page-break-after CSS属性并不会修改网页在屏幕上的显示,这两个属性是用来控制文件的打印方式。 page-break-before 若设定成 always,则是在遇到特定的组件时,打印机会重新开始一个新的打印页。 type="text/javascript">       function setPageBreak()       {         document.getElementById("p2"

        <input type="button" onclick="setPageBreak()" value="Set page-break" />     

    This

    17.6K21编辑于 2022-01-21
  • 来自专栏架构之巅

    js调用ie打印

    <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A<em>2</em>" height ="0" width="0"> </object> <input type="button" value="<em>打印</em>" οnclick="document.all.WebBrowser.ExecWB (6,1)"> <input type="button" value="直接<em>打印</em>" οnclick="document.all.WebBrowser.ExecWB(6,6)"> <input type ="button" value="页面设置" οnclick="document.all.WebBrowser.ExecWB(8,1)"> <input type="button" value="<em>打印</em> OK" οnclick=" return myprint(this);"> <input type="button" value="<em>打印</em>预览" οnclick="document.all.WebBrowser.ExecWB

    31.4K30发布于 2020-11-09
  • 来自专栏Savalone's Blog

    js 打印打印指定局部区域

    --startprint-->  

      <h2>Песня о буревестнике</h2

    Над седой равниной моря ветер тучи собирает --endprint-->   <input type="button" value="点击<em>打印</em>" onclick="doPrint()"> <script>   function doPrint()  --startprint-->";  //开始打印标识字符串有17个字符 eprnstr = "<! --endprint-->";    //结束打印标识字符串 prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);  //从开始打印标识之后的内容 body.innerHTML window.print();  //调用浏览器的打印功能打印指定区域 location.reload();  //重新给页面内容赋值; }   </script>

    8.3K50发布于 2020-02-11
  • 来自专栏黄啊码【CSDN同名】

    js或jquery实现页面打印可局部打印

    1、js实现(可实现局部打印) 代码如下: <html> <title>js打印</title> <head></head><body> <input id="btnPrint" type="button --endprint1--> </body> </html> <em>2</em>、调用windows底层<em>打印</em>,报安全警告,不建议使用(不支持局部<em>打印</em>) 代码如下: <HTML> <HEAD> <TITLE ('确定<em>打印</em>吗?')) <DIV align=center> <OBJECT id=wb height=0 width=0 classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A<em>2</em> 实现(支持局部<em>打印</em>) 代码如下: <html> <head> <script type="text/javascript" src="jquery-1.6.4.<em>js</em>"></script> <script

    9.8K20发布于 2020-05-29
  • 来自专栏嘘、小点声

    打印CSDN博客内容JS

    https://blog.csdn.net/jdy_lyy/article/details/102923471 使用如下代码,先进入到打印界面 (function(){ $("#side").remove css('display','content'); $("main").css('float','left'); $("tool-box").remove(); })(); 使用如下代码,进行正式打印 https://www.jianshu.com/p/5b43a2a8081e (function(){ $("#side").remove(); $("#comment_title, #comment_list

    6.6K10发布于 2021-06-22
  • 来自专栏编程微刊

    前端js实现打印excel表格

    button type="button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button>

    js 代码 //打印表格 var idTmr; function getExplorer() { var explorer = window.navigator.userAgent ; 13661725475 </body> <script> //打印表格

    2.4K00编辑于 2025-05-18
  • 来自专栏深蓝居

    JS实现打印两方法

    要实现点击“打印”按钮以后就将页面打印出来JS中一般有两种方法。 -00C04FD705A2'></object> 添加如下JS函数: <script type="text/javascript">     function print()     {         );">打印 2.用JS自带函数打印 打印 其实第一种方法也是第二种方法的复杂实现方法,但是第一种方法提供了更多的预览 ,修改打印设置等功能。 推荐使用第二种方法,出于安全的考虑,有些浏览器(比如遨游)会禁用一些Object,所以在遨游中第一种方法会报权限不足的JS错误。

    6.4K10编辑于 2022-06-15
  • 来自专栏全栈程序员必看

    js在控制台打印html页面,vue 使用print-js 打印html页面

    Print.js 官网 官网 优点:可以打印多种格式的内容(pdf、json、html等) 打印json时可以添加表头。 打印html页时可以继承原有页面的样式,局部打印,过滤掉要打印的元素,及其方便。 一、vue安装命令: npm install print-js –save 二、引入 这个引入不需要在main.js中,直接在使用的.vue中引入即可 这里颜色虽然是灰色,但是也要添加,否则会报错。 , // style: ‘#printCons {width: 600px;} .no-print{width: 0px} .itemText1 { width: 200px } .itemText2 properties:是打印json时所需要的数据属性。 gridHeaderStyle和gridStyle都是打印json时可选的样式。

    11.6K30编辑于 2022-11-01
  • 来自专栏编程微刊

    前端js实现打印(导出)excel表格

    button type="button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button>

    js 代码 //打印表格 var idTmr; function getExplorer() { var explorer = window.navigator.userAgent ; 13661725475 </body> <script> //打印表格

    1.7K10编辑于 2025-05-18
  • 来自专栏李维亮的博客

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

    JS实现局部打印和预览: 第一种: JS 实现简单的页面局部打印 function preview(oper) { if (oper < 10)...{ bdhtml=window.document.body.innerHTML --startprint"+oper+"-->";//设置打印开始区域 eprnstr="<! --endprint"+oper+"-->";//设置打印结束区域 prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取 --endprint1--> 再加个打印按纽 onclick=preview(1) 第二中: 下面就是实现局部打印的代码,跟大家分享一下,希望能够对大家有所帮助。 navigator.userAgent.indexOf("MSIE") > 0) { document.body.removeChild(iframe); } } 将要想打印局部内容

    7.7K20发布于 2021-07-09
  • 来自专栏Lan小站

    HTML打印准考证用JS在html页面实现打印功能

    JS在html页面实现打印功能 做项目时,有在网页实现全局和局部打印的需求,百度许久,现总结如下: 打印方式一: 1.首先在head里面加入下面一段js代码: <script language=" prnhtml; window.print(); window.document.body.innerHTML=bdhtml; } else { window.print(); } } </script> <em>2</em>. --<em>打印</em>内容开始--> <div id=wdf> ... </div> <! document.getElementById("otherpho").style.display="block"; document.body.innerHTML = oldstr ; } } </javascript> 2. style.display="block"; wind.close(); window.document.body.innerHTML = oldstr; } } </script> 2.

    11.5K10编辑于 2022-07-14
  • 来自专栏加菲猫的VFP

    驯服蓝牙打印2-打印图片指令

    1 查看图片打印文档 可以得出几个参数 指令开始的头为 1B 2A m 的值是分辨率,我们使用 33 ,也就是 22DPI的密度来打印 nL nH为图片的宽度 nL用1字节来存放低位的数据 nH用1字节来存放高位的数据 当m=33时 k=(nL+nHx256)x3 举例说明,刚刚100像素宽的图片 k=(100+0x256)x3=300 也就是说图片数组的大小为300个 2 数组的里面放什么数据? 可到了这里,这个数组的大小是知道了,里面放什么可不知道.不着急,我们继续往下看 因为我们选的是m=33,因为打印头是坚向排列的,一次是24个点. 数据d是一个字节,只有8位. 24个点,就是 d1 d2 d3来表示打印出一竖 也就是说 d1 d2 d3 第一竖 d4 d5 d6 第二竖 .... d(k-2) d(k-1) dk 最后一竖 d=8 位都是1=0XFF 代表8个像素都是黑点 d=8位都是0=0X00 代表8个像素都是白点 如果我要打印100排黑点 d1-d300 通通都是0XFF 3 最后放上程序代码 *--打印出一个100x24像素的黑条

    1.4K20发布于 2021-08-16
  • 来自专栏james大数据架构

    局部打印插件 jquery.PrintArea.js

    { $("iframe#" + id).remove(); }; })(jQuery); <input type="button" id="btnPrint" value="<em>打印</em> "/>

    打印的内容区域
    <script type="text/javascript"> $(function(){ $("btnPrint

    6.1K100发布于 2018-01-22
  • 来自专栏编程微刊

    前端js实现打印(导出)excel表格

    button type="button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button>

    js 代码 //打印表格 var idTmr; function getExplorer() { var explorer = window.navigator.userAgent ; 13661725475 </body> <script> //打印表格

    11.4K20发布于 2018-06-01
  • 来自专栏大数据-数据人生

    js打印WEB页面内容代码大全

    把要打印的内容放这里 所有内容 div2的内容 打印 function printme() { document.body.innerHTML=document.getElementById("div1 ").innerHTML+" "+document.getElementById("div2").innerHTML; window.print(); } 如果要打印的只是整个页面中的一小部分,就最好采用第二种方法 (1) function SetPrintSettings() { // -- advanced features factory.printing.SetMarginMeasure(2) // measure 3) // need pages from 1 to 3 factory.printing.printer = "HP DeskJet 870C" factory.printing.copies = 2 查看页面属性 Web.ExecWB(15,1) 好像是撤销,有待确认 Web.ExecWB(17,1) 全选 Web.ExecWB(22,1) 刷新 Web.ExecWB(45,1) 关闭窗体无提示 2

    9.1K20发布于 2020-04-02
  • 来自专栏编程微刊

    前端js实现打印(导出)excel表格

    button type="button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button>

    js 代码 //打印表格 var idTmr; function getExplorer() { var explorer = window.navigator.userAgent ; 13661725475 </body> <script> //打印表格

    11.6K21发布于 2018-06-04
  • 来自专栏Java开发

    JS实现打印机预览功能

    charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS 打印预览功能</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://cdn.jsdelivr.net -- <em>打印</em>专用样式 --> <style type="text/tailwindcss"> @layer utilities { .print-hidden { @apply hidden; } } </style> <style> /* 打印样式 - 只在打印时生效 */ @media print { /* 打印时隐藏不需要的元素 */ .no-print { display:

    21210编辑于 2025-10-22
  • 来自专栏执行上下文

    Vue Print-js 打印问题记录~

    问题描述 Vue项目利用连接针式打印打印相关单据,打印出来的文字不清晰,字体颜色模糊。 解决思路 1、看是否样式问题 在查看Print.js 文档后发现,TA可以自己设置样式。 honorColor: true, // 是否打印彩色文本 targetStyles: ['*'] // 允许打印所有样式属性 }) 重新设置后在打印,发现问题依然存在。 然后在打印预览的时候发现普通的打印是可以选择文字什么的。而我们这个选不中才发现之前打印的逻辑是先生成base64的图片,打印的是图片。那会不会是图片模糊导致的呢? 2、将打印改成了DOM元素。 设置 printable 为需要打印模板的id,打印的时候不是图片url地址 3、重新打印后发现不是那么模糊了。 2、字体的颜色直接设置为黑色 3、打印的时候因为涉及到dpi 纸张大小等。需要注意!

    4.6K20编辑于 2022-12-18
  • 来自专栏菩提树下的杨过

    jquery-barcode:js实现的条码打印

    这是一个纯js的jQuery插件,项目地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html 使用示例: 1 <! doctype html> 2 <html> 3 <head> 4 <title>jQuery Barcode</title> 5 <script type ="text/javascript" src="jquery-1.4.4.min.<em>js</em>"></script> 6 <script type="text/javascript" src= "jquery-barcode.<em>js</em>"></script> 7 <style type="text/css"> 8 .barcodeImg{margin:10px 0px function code11(){ 31 $("#bcTarget").empty().barcode($("#src").val(), "code11",{barWidth:2,

    4.2K50发布于 2018-01-24
  • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券