用javascript源码打印页面

最新推荐文章于 2024-03-28 17:20:35 发布

_陌默

最新推荐文章于 2024-03-28 17:20:35 发布

阅读量488

点赞数 1

分类专栏： JavaScript 文章标签： javascript 打印

本文链接：https://blog.csdn.net/qq_21397815/article/details/72927759

版权

JavaScript 专栏收录该内容

35 篇文章 7 订阅

订阅专栏

在用javascript源码打印页面很简单只需要使用window.print();一句代码就好了，但是在预览时你就会发现这有多坑。

页面上居然有网址，有<title></title>标签里的东西。

我今天终于发现了一个好办法：

1.打印时既然一定要显示这些东西，我们隐藏不了，那不如换一种思路，想像一下如果title标签里面是空白的，再大胆的想象一下，网址也是空白的，那么打印出来的页面不就漂亮了。

空白？blank？一提到这个词我大脑的第一反应就是a链接时打开的新页面，不妨我们也试一下这种方法：

我们可以把需要打印的东东放在id=div1的标签里，然后我们写一个打印函数：

   function doPrint() { 
 
     window.print(); 
 
     var win = window.open(''); 
 
     win.document.write(oCon.outerHTML); 
 
     win.print(); 
 
     win.close(); 
 
   }

通过实践，发现这个问题就被我们如此华丽丽的解决了！！

2.当然为了更加美观，我们也可以在样式里添加如下代码：

   @media print { 
 
     selector{  //此处写你需要打印时实现的样式。 
 
     ...... 
 
     } 
 
   }

3.当然了也有的人是只想打印页面中的一部分，那也可通过如下代码实现：

.......

需要打印的代码

....

js部分

   function doPrint() { 
 
   bdhtml=window.document.body.innerHTML; //获得body标签内的全部html代码 
 
   sprnstr="<!--startprint-->"; //声明一个字符串，用于表示打印的起始位置 
 
   eprnstr="<!--endprint-->"; //标示打印的结束位置 
 
   prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //查找打印的起始字符串并加上17，因为<!--startprint-->的长度为17，所以要加17，这样打印时不会把标示打印出来 
 
   prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //和上边的意思差不多 
 
   window.document.body.innerHTML=prnhtml; //通过window对象得到body对象并将当前窗体的内容设置为要打印起始标示符和结束标示符之间的内容，这样打印出来就只有需要的部分，而其他没用的信息都不会有的 
 
   window.print(); 
 
   }

ps：比如我要打印的是<div>hello</div>,则它与标记标签的写法是<div>hello</div>，中间不能有空格，因为上面运行代码时用字符串的剪切过程，可能会出错。