精华内容
下载资源
问答
  • JS 打印耗时
    2022-03-23 13:55:44

    console.time("test time");

    console.timeLog("test time");

    console.timeEnd("test time");

    参数要一致,会自动打印出函数耗时,单位ms

    更多相关内容
  • javascript打印-打印页面设置-打印预览代码</TITLE> <META http-equiv=Content-Type content=”text/html; charset=gb2312″ /> [removed] function printsetup(){ // 打印页面设置 wb.execwb(8,1); } ...
  • javascript打印插件

    2018-10-19 14:38:52
    js实现调用打印机打印功能,可打印HTML页面。
  • 前端LodopFuncs.js打印js打印,web打印,jq打印,html打印,不需要经过预览页面 直接...该打印js可局部打印也可全局打印而且该驱动试用版也能正常使用打印功能。局部打印功能和jQuery.print.min.js使用方法一样简单。
  • 首先要下载: jquery.jqprint-0.3.js jquery-migrate-1.2.1.min.js 上面两个,我的资源里面都有 主要是使用 jquery.jqprint-0.3.js jquery-migrate-1.2.1.min.js是因为...注意:打印 table 的时候 一定要把css写成行

    首先要下载:
    jquery.jqprint-0.3.js
    jquery-migrate-1.2.1.min.js
    上面两个,我的资源里面都有

    主要是使用 jquery.jqprint-0.3.js
    jquery-migrate-1.2.1.min.js是因为juqery版本兼容问题,会报错Cannot read property 'opera' of undefined问题,加入迁移辅助插件jquery-migrate-1.2.1.min.js可解决问题

    注意:打印 table 的时候 一定要把css写成行内样式,要不打印的时候,就不会打印表格样式了。

    <button onclick="dayin()">打印</button>
    <div id="dayinbufen" style="margin: 0 auto">
      <h2 style="margin-bottom: 20px; text-align: center">打印表格</h2>
      <table
        border="0"
        cellpadding="0"
        cellspacing="0"
        class="table"
        style="border-collapse: collapse; margin: 0 auto"
      >
        <tbody>
          <tr style="background-color: #eee">
            <th>名称</th>
            <th>属性</th>
            <th>价格</th>
            <th>数量</th>
            <th>小计</th>
          </tr>
          <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
        </tbody>
      </table>
    </div>
    <!-- 引入JS文件 -->
    <script src="../jquery.jqprint-0.3.js?v=1.0" type="text/javascript"></script>
    <script
      src="../jquery-migrate-1.2.1.min.js?v=1.0"
      type="text/javascript"
    ></script>
    <script>
        // 按钮点击打印
      function dayin() {
          // id是包裹的div的ID
        $("#dayinbufen").jqprint();
      }
    </script>
    
    展开全文
  • 使用纯JavaScript打印到热敏打印机 最后,一个免费插件可以使用JavaScript进行打印,而无需依赖服务器语言; 这样,您可以从客户端打印而无需打开确认窗口 讲解 技术说明 说明的示例 优势 剪纸 无需用户确认即可打印...
  • js如何打印object对象

    2020-10-23 11:54:15
    主要介绍了js如何打印object对象,需要的朋友可以参考下
  • js 打印插件

    2018-04-27 14:38:36
    js为基础,实现了在线打印以及在线预览需要打印模块,可以设置页眉和页脚,支持ie 火狐,Google 等浏览器
  • 主要介绍了JS 打印界面的CSS居中代码,需要的朋友可以参考下
  • JS打印二维码图片

    2018-09-06 16:44:30
    使用JS页面打印图片,只需要修改制定的图片路径即可。路径可以使用参数定义获取
  • 一个javascript函数,可打印出所有的对象(包括数组),方便页面调试
  • javascript js编写基于chrome浏览器的打印程序,本例用来打印小票.zip
  • js打印html页面中的指定内容案例,使用jq插件,printArea
  • 原生js打印星星

    2018-11-20 10:36:20
    javascript打印星星
  • js打印插件,页面部分打印,兼容各种浏览器
  • javascript,js打印

    2018-11-20 09:43:18
    javascript,js代码调用打印机代码,代码调用打印机代码
  • js打印星星

    2018-08-16 11:42:18
    最基础的打印星星,对于初学者来说最开始学习JavaScript打印星星开始是一个良好的开端
  • JavaScript 打印菱形

    千次阅读 2022-04-29 14:28:39
  • 网页打印控件JS

    2018-09-05 10:11:00
    JsPrint网页打印控件,引用一个JS直接调用方法,就可打印指定的DIV内容。
  • 二、WebBrowder控件的方法 //打印 WebBrowser1.ExecWB(6,1); //打印设置 WebBrowser1.ExecWB(8,1); //打印预览 WebBrowser1.ExecWB(7,1); 关于这个组件还有其他的用法,列举如下: WebBrowser.ExecWB(1
  • 基于jquery.print.js插件的js打印demo,简单易用,使用详细教程请查看我的个人主页的博客《一款很好用的Jquery 打印插件——jQuery.print.js
  • 一、css控制网页局部打印 举例: <div class="noprint" > <table style="margin:0 auto;width:500px;"> <tr align="center" ><td> <object id="WebBrowser" classid="CLSID:8856...

    一、css控制网页局部打印

    举例:

    <div class="noprint" >  
    <table style="margin:0 auto;width:500px;">  
        <tr align="center" ><td>  
          <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0"  
                        width="0">  
          </object>  
      <input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)">  
      <input type="button" value="页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)">  
    <input type="button" value="直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)">  
      <input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)">  
        </td></tr>  
    </table>
    </div>  

    这些内容在打印之前是显示的,当你点击打印的时候,会用上面的样式,不显示。达到了局部打印的效果!

    二、js局部打印

    直接上案例

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>haorooms js局部打印案例</title>
    <script type="text/javascript">   
        function doPrint() {    
            bdhtml=window.document.body.innerHTML;    
            sprnstr="<!--startprint-->";    
            eprnstr="<!--endprint-->";    
            prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);    
            prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));    
            window.document.body.innerHTML=prnhtml; 
            window.print();    
    }    
    </script>
    </head>
    
    <body>
    <p>1不需要打印的地方</p>
    <p>2这里不要打印啊</p>
    <!--startprint--><!--注意要加上html里star和end的这两个标记,之前没加,一直没效果,谁叫咱们菜呢~-->
    <h1>打印标题</h1>
    <p>打印内容~~</p>
    <!--endprint-->
    <button type="button" onclick="doPrint()">打印</button>
    <p>1haorooms博客不打印的地方啊哈哈哈哈</p>
    <p>2</p>
    </body>
    </html>

    可以把上面的代码黏贴到网页中,试一试,只有做了标记的地方打印了,代码很简单,相信你也看得懂。

    延伸

    通过上面的案例,我们可以看到,只要我们把要打印的东西放到document.body.innerHTML中就可以了 无论是一行内容,还是图片,还是文字,只要我们把拿到的html代码,赋值给document.body.innerHTML,然后在运用window.print(); 就可以对赋值的代码进行打印了!

    问题

    上面的方法打印完毕之后,body的内容变掉了,不是我们想要的结果,我们可以使用一个jquery插件来实现:这个插件名字是jquery.printarea.js

    使用方法:

    <script src="http://www.haorooms.com/theme/assets/js/jquery.js"></script>
    <script src="jquery.printarea.js"></script>
    <script type="text/javascript">   
        function doPrint() {       
           $("#dayin").printArea();    
    }    
    </script>
    
    <div id="dayin">
    <h1>haorooms打印标题</h1>
    <p>haorooms打印的文字</p>
    <img src="yideng.png">
    <img src="haorooms.png">
    </div>

    插件下载地址

    关于网页打印,今天就说这么些,希望大家留言相互交流啊!

    展开全文
  • javascript文档A teeny-tiny javascript library that made printing...一个很小的javascript库,使从网络打印变得异常简单。 Photo by Florian Klauer on Unsplash Florian Klauer在Unsplash上拍摄的照片Print.js w...
  • javascript 打印图形练习_根据给定数组打印星星 <script type="text/javascript"> //需求:给定如下数组,打印出给定图形,javascript实现 // 1 5 2 3 6 8 9 // * // * * // * * // * * * // *
  • JS打印三角形

    2021-12-07 19:14:02
    打印三角形用"*"打印一个三角形用"*"打印一个倒三角形用"*"打印一个菱形 用"*"打印一个三角形 核心思想:双重for循环 外层for循环起到换行的作用,内层for循环是打印"*"的作用 var str2 = ''; for (var i = 1; i &...
  • js打印预览(LodopFuncs.js)在web页面实现在线打印预览功能
  • js打印设置页边距

    热门讨论 2013-03-29 08:49:15
    js打印设置页边距,设置页眉页脚,初始化页眉页脚,左右边距
  • JavaScript打印图形

    千次阅读 2020-05-10 15:01:19
    打印若干行图形,每行打印一些空格和星星 /* 行数 空格数 星星数 0 3 1 1 2 3 i 3-i 2*i+1 */ for(var i =0;i;i++){ for(var j = 0;j;j++){ document.write(' ') } for(var k = 0;k*i+1;k++){ document.write('*') ...
  • 打印,基础知识,数据类型 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>数据类型</title> <script> // 提示框打印 alert('hello'); ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 316,745
精华内容 126,698
关键字:

js打印