html打印功能

一、需求:打印功能

二、语言:html

三、实现

1、页面

2、打印内容的标识

3、打印内容及效果

4、完整版代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

 <body style="padding-left:  50px;letter-spacing: 2px;">

      <p style="font-size: 16px;color:#ee1e2d;">PS:文字摘抄网络</p>

      <div>   
            1、我爱上了你,这却是你从来都不知道的迷题。<br>
          2、原以为不会心痛,为何眼泪止不住的流。<br>
          3、别说还有感觉,你我都知道拥抱不代表亲切。为的只是你在想起我的时候而感到骄傲。有的人,连争吵都没有却以消失在人海。<br>
          4、一些很期待的生活,总是在你自以为是的梦想中消磨了,然后给予你一个很失望的打击。<br>
          5、在这个世界上,没有人真正可以对另一个人的伤痛感同身受。<br>
          6、亲爱的,你不必为了谁而改变,如果要成为更好的人,请为了自己。<br>
          7、烟火不过是一瞬的璀璨,幸福也只是过眼云烟。<br>
          8、如果可以选择的话,不要用恨来结束一段爱。<br>
          9、当我对你说:你忙吧……其实我多么希望你说:你重要,我陪你。<br>
          10、寂寞伴着我长眠,你走时坚决的身影,枯竭了爱恋。 <br>
          11、据说,两个人相处久了,会达到一种莫名的默契,比如:你不理我,我也就不理你。<br>
          12、法文中痛苦的意思,中文发音却是:爱过你。<br>
          13、我来不及认真地年轻,待明白过来时,只能认真地老去。<br>
          14、一开始就错了,错的那样彻底。<br>
          15、他们的世界连空气都洋溢着幸福。<br>
    </div>
    <br><hr><br>

    <!--startprint-->
    <div>
        1.喜欢一个不喜欢自己的人,大概就像我视你如命你当我有病。  <br>
      2.他是真的不爱你,你所有的小鹿乱撞沾沾自喜,不过是自己陪自己演的一场戏。  <br>
      3.也许真的是自己太差劲,不然为什么身边的人走了一波又一波。  <br>
      4.怪街上太热闹,车辆太闪烁,人行太拥挤,天气太冷清,耳机里的情歌太深情。  <br>
      5.后来我渐渐学会接受而不是付出,就算碰见心动的人也笑着摇摇头。  <br>
      6.回不去的,不是曾经的我,而是曾经的我们。  <br>
      7.总有些看不完的风景,走不完的路,碰不到的人,触不到的梦。  <br>
      8.你不找我是你不想找我,我不找你是咬着牙留点自尊。  <br>
      9.后来听到很多人提起你的消息我的手指再也没有抓紧再也没有皱眉。  <br>
      10.祝今后的我们披着各自的骄傲互不打扰。伤感QQ说说大全。  <br>
      11.渐渐明白了,最在乎的那个人,往往是最容易让你流泪,很多爱情是可遇而不可求,很多东西只能拥有一次,放手也就意味着失去,太在乎一个人往往会伤害自己。  <br>
      12.有多少人说好了要过一辈子,可是,走着走着就只剩下曾经了。又有多少人说好了要牵手到永远,可转身就成为最熟悉的陌生人。  <br>
      13.格式化自己,但却删除不了你。  <br>
      14.接近你就靠近心痛,离开你就远离幸福。  <br>
      15.如果有一天,你找不到我了,千万不要难过,不是我不爱你了,也不是你错过我了,而是我终于有了勇气离开,但请你记得,在这之前,我真的有傻傻的等过。  <br>
    </div>
    <!--endprint-->

    <button onclick="mprint()">打印</button>

    <script type="text/javascript">
        function mprint(){
            bdhtml=window.document.body.innerHTML;//获取当前页的html代码
            sprnstr="<!--startprint-->";//设置打印开始区域
            eprnstr="<!--endprint-->";//设置打印结束区域
            prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
            prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
            window.document.body.innerHTML=prnhtml;
            window.print();
        }
    </script>
  </body>
</html>

 

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值