精华内容
下载资源
问答
  • JS打印指定内容

    2015-10-06 13:22:20
    打印快递单      function printdiv(printpage)  {  var headstr = "";  var footstr = "";  var newstr = document.all.item(printpage).innerHTML;  var oldstr = document.body.innerHTML;  ...
    <!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">
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>打印快递单</title> 
    </head> 
     <script language="javascript"> 
    function printdiv(printpage) 

    var headstr = "<html><head><title></title></head><body>"; 
    var footstr = "</body>"; 
    var newstr = document.all.item(printpage).innerHTML; 
    var oldstr = document.body.innerHTML; 
    document.body.innerHTML = headstr+newstr+footstr; 
    window.print(); 
    document.body.innerHTML = oldstr; 
    return false; 

    </script> 
    <body> 
    //HTML Page 
    //Other content you wouldn't like to print 
    <input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print "> 
     
    <div id="div_print"> 
     
    <h1 style="Color:Red">The Div content which you want to print</h1> 
     
    </div> 
    //Other content you wouldn't like to print 
    //Other content you wouldn't like to print 
    </body>
    </html>
    展开全文
  • js打印指定内容的三种方法,html页面可直接打开测试
  • JS打印指定内容(新窗口)

    千次阅读 2012-07-20 13:53:15
        ; charset=utf-8" /> <title></title>  <script language=javascript> function doPrint() { winname = window.open('', "_blank",'');..." value="打印" />      

    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title> 
    <script language=javascript>
    function doPrint() {
    winname = window.open('', "_blank",'');
    bdhtml=window.document.body.innerHTML;
    sprnstr="<!--startprint-->";
    eprnstr="<!--endprint-->";
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
    winname.document.body.innerHTML=prnhtml;
    winname.print();
    }

    </script>

    </head> 


    <body> 
    <div>1111111111111</div>
    <!--startprint-->
    <div>2222222222222</div>
    <!--endprint-->
    <input type="button" onClick="doPrint();" value="打印" />
    </body> 
    </html> 

     

    展开全文
  • JS打印指定区域内容

    2019-12-31 08:10:25
     很多时候,我们在做系统的时候要做打印功能,打印js中其实很简单,不过这个很简单的代码并不能满足我们的特定需求,比如我们需要打印的表单在很多文字的中间,或者文字中包含一些广告或者图片什么的,这就很难用...
    本文转载自:https://www.cnblogs.com/dudumao/archive/2012/10/04/2711571.html  作者:dudumao 转载请注明该声明。

      很多时候,我们在做系统的时候要做打印功能,打印在js中其实很简单,不过这个很简单的代码并不能满足我们的特定需求,比如我们需要打印的表单在很多文字的中间,或者文字中包含一些广告或者图片什么的,这就很难用:window.print();这时,我们就要分区域的打印,将需要打印的内容提取出来让打印机知道,而不是一股脑的全部打印!

    下面是两种实现的方法:

      第一种:区域划分法。将要打印的部分用特殊的字符标记起来进行打印。这样下来还是有页眉和页脚,可以写去页眉页脚的方法放进去。JS 实现简单的页面局部打印

     1 function preview(oper) { 
     2 if (oper < 10){ 
     3 bdhtml=window.document.body.innerHTML;//获取当前页的html代码 
     4 sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域 
     5 eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域 
     6 prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html 
     7 
     8 prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html 
     9 window.document.body.innerHTML=prnhtml; 
    10 window.print(); 
    11 window.document.body.innerHTML=bdhtml; 
    12 
    13 }
    14  else{ 
    15 window.print(); 
    16 } 
    17 
    18 } 

      使用时,将页面内要打印的内容加入中间<!--startprint1-->XXXXX<!--endprint1-->,再加个打印按纽 οnclick=preview(1)

      第二中:组件法。WebBrowser是IE内置的浏览器控件,无需用户下载。

      WebBrowser控件 :
      <object ID='wb' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object> //放进<body>中
      WebBrowder控件的方法 :

    1 //打印
    2 wb.ExecWB(6,1);
    3 //打印设置
    4 wb.ExecWB(8,1);
    5 //打印预览
    6 wb.ExecWB(7,1); 

      关于这个组件还有其他的用法,列举如下:
      wb.ExecWB(1,1) 打开
      wb.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口
      wb.ExecWB(4,1) 保存网页
      wb.ExecWB(6,1) 打印
      wb.ExecWB(7,1) 打印预览
      wb.ExecWB(8,1) 打印页面设置
      wb.ExecWB(10,1) 查看页面属性
      wb.ExecWB(15,1) 好像是撤销,有待确认
      wb.ExecWB(17,1) 全选
      wb.ExecWB(22,1) 刷新
      wb.ExecWB(45,1) 关闭窗体无提示
      但是打印是会把整个页面都打印出来的,页面里面有什么东西就打印出来,我们有时候只需要打印数据表格,这时我们就要写一个样式了。把不想打印的部份隐藏起来:
    样式内容:

    <style type="text/css" media=print>
    .noprint...{display : none }
    </style> 

      然后使用样式就可以: <p class="noprint">不需要打印的地方</p> ,代码如下:

     1 <script language="javascript">
     2 function printsetup()...{
     3 // 打印页面设置
     4 wb.execwb(8,1);
     5 }
     6 function printpreview()...{
     7 // 打印页面预览
     8 
     9 wb.execwb(7,1);
    10 
    11 }
    12 
    13 function printit()
    14 ...{
    15 if (confirm('确定打印吗?')) ...{
    16 wb.execwb(6,6)
    17 }
    18 }
    19 </script> 
    1 <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
    2 <input type=button name=button_print value="打印" class="noprint" onclick="javascript:printit()">
    3 <input type=button name=button_setup value="打印页面设置" class="noprint" onclick="javascript:printsetup();">
    4 <input type=button name=button_show value="打印预览" class="noprint" onclick="javascript:printpreview();">

      下面是去除页脚页眉的js代码,代码如下:

     1 <script>
     2 var HKEY_Root,HKEY_Path,HKEY_Key;
     3 HKEY_Root="HKEY_CURRENT_USER";
     4 HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
     5 //设置网页打印的页眉页脚为空
     6 function PageSetup_Null()
     7 {
     8 try
     9 {
    10 var Wsh=new ActiveXObject("WScript.Shell");
    11 HKEY_Key="header";
    12 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
    13 HKEY_Key="footer";
    14 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
    15 }
    16 catch(e)
    17 {
    18 
    19 }
    20 }
    21 //设置网页打印的页眉页脚为默认值
    22 function PageSetup_Default()
    23 {
    24 try
    25 {
    26 var Wsh=new ActiveXObject("WScript.Shell");
    27 HKEY_Key="header";
    28 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P");
    29 HKEY_Key="footer";
    30 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");
    31 }
    32 catch(e)
    33 {}
    34 }
    35 
    36 </script>

      注意有可能执行时,会出现没有效果的错误,这时原因是可能你的浏览器限制了active对象的创建,只要取消限制就好了,取消方法如下:打开你的ie浏览器internet选项—— 安全—— 自定义级别—— 把对没有标记为安全的activex控件进行初始化和脚本运行设置为启用,这样在加打印按钮的时候,只要加个事件触发就好了。

    展开全文
  • js打印指定元素内容

    2019-10-02 08:07:25
    var v = document....//向v中追加打印数据,可以将界面的元素追加进来 var h = window.open("打印窗口", "_blank"); h.document.write( $(v).prop("outerHTML")); h.document.close(); h.print()...
    var v = document.createElement("div");
    //向v中追加打印数据,可以将界面的元素追加进来
     var h = window.open("打印窗口", "_blank");
        h.document.write( $(v).prop("outerHTML"));
        h.document.close();
        h.print();
        h.close();

     

    转载于:https://www.cnblogs.com/bfyx/p/10058364.html

    展开全文
  • js打印页面指定内容

    2017-02-15 14:06:19
    js打印页面指定内容 function printDiv(divId) { var originalContents = document.body.innerHTML; document.body.innerHTML = document.getElementById(divId).innerHTML; window.focus(); window.print
  • JS打印指定区域内容

    2013-09-29 11:36:17
    很多时候,我们在做系统的时候要做打印功能,打印js中其实很简单,不过这个很简单的代码并不能满足我们的特定需求,比如我们需要打印的表单在很多文字的中间,或者文字中包含一些广告或者图片什么的,这就很难用:...
  • js打印页面指定区域内容

    千次阅读 2016-09-19 10:09:49
    js打印页面指定区域
  • js指定打印页面部分内容代码,可以指定网页上的文本段落进行局部打印
  • js调用打印机打印指定内容

    千次阅读 2015-07-17 09:44:47
    js调用打印机打印指定内容分两种方式,一种是用html5把指定区域转化为canvas在打印,但是此种方法当内容中有图片时却打印不了,代码如下: function printById(id) {  html2canvas(document.getElementById(id), {...
  • js 打印网页指定内容

    2015-06-25 11:57:00
    charset=utf-8\" \/>打印页<\/TITLE><link href=\"css\/com.css\" rel=\"stylesheet\" type=\"text\/css\" \/><\/HEAD><BODY><div id=\"printbox\" ><\/div><\/BODY><\/HTML>" ); 11 OpenWindow.document....
  • Js打印页面指定内容

    2013-12-04 14:03:44
    1、js代码 1 2 3 4 5 6 7 8 9 function doPrint() {  bdhtml=window.document.body.innerHTML;  sprnstr="";  eprnstr="";  prnhtml=bdhtml.subst
  • js打印div指定区域内容

    千次阅读 2017-08-11 11:29:31
    function myPrint(obj){ var newWindow=window.open("打印窗口","_blank");//打印窗口要换成页面的url var docStr = obj.innerHTML; newWindow.document.write(docStr); newWindow.document.close(); newWindo
  • js打印指定区域

    2012-06-08 13:49:05
    JS打印特定区域内容2010-07-26 14:00 很多时候,我们在做系统的时候要做打印功能,打印在js中其实很简单,不过这个很简单的代码并不能满足我们的特定需求,比如我们需要打印的表单在很多文字的中间,或者文字中包含...
  • <!--startprint--> 你想打印内容写在这里 <!--endprint-->首先用这两个注释标签,将需要打印的部分包起来,类似于下<!--startprint--> <p class="P-blod">{$user_info.user_nic
  • --打印按钮事件function printForm(){var headstr = ''+''+''+'table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>...
  • 有时候网页用到打印但是不想打印所有内容,就需要只打印指定内容,下面简单演示下如何打印指定内容 1、在需要打印的指定内容的头部前面加“<!--startprint-->”,在尾部后面加上“<!--endprint-->” ...
  •  打印内容打印内容打印内容打印内容打印内容打印内容打印内容打印内容  adfhioasdhfiohasdofihosdhfosdhfiosdhfiosdfhsdfhsdifsidfiosdfhosdhf  ('myDiv')" value="打印" />   方法二: function...
  • 里面有源码,如果只是使用打印,就下载print.min.js就可以了 把js导入到项目中,使用方法,这里使用的是form,也可以是一个div: 打印前的效果,因为我这里可能会存在修改的地方,所...
  • --打印按钮事件function printForm(){var headstr = ''+''+''+'table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>...
  • js打印指定DOM元素内的内容

    千次阅读 2012-06-21 15:30:12
    1:js: function printPartOfDocument() { this.init.apply(this, arguments) } printPartOfDocument.prototype = { init: function(o, part) { this.o = this.getId(o); this.part = this.

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 259
精华内容 103
关键字:

js打印指定内容