• 介紹

js實現html列印，並且設定頁首頁尾

• 參考

• 1、首先下載jquery.jqprint-0.3.js
• 2、  頁面引入jquery.jqprint-0.3.js
• 3、js程式碼

[codesyntax lang="java"]

<script type="text/javascript">
    $(document).ready(function() {
      $("#btnPrint").click(function(){
           jqprintDiv();
      });
   });
   function jqprintDiv() {
      //列印初始化
      if ($.browser.msie) {
        //IE瀏覽器執行
         printitIE('content');
      } else {
       //其他瀏覽器執行通用列印
        $("#content").jqprint();
      }
   }

   function printitIE(MyDiv) {
     setCload();
     //提示視窗
     if (confirm('確定列印嗎？')) {
        var winname = window.open('', "_blank",'');
        var newstr = document.getElementById(MyDiv).innerHTML;
        var str = "<div  style='position:absolute;padding-left: 50px;";
        str+="padding-right: 50px;padding-top:50px;padding-bottom:50px;'>";
        str+= newstr + "</div>";
        winname.document.body.innerHTML= str;
        winname.print();
        return false;
        }
    }
               
   //清空頁首頁尾
   function setCload(){
     HKEY_Root="HKEY_CURRENT_USER";
       HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
       var head,foot,top,bottom,left,right;
    try{
        var Wsh=new ActiveXObject("WScript.Shell");
          HKEY_Key="header";
          //設定頁首（為空） 根據你自己要設定的填入
          Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
          HKEY_Key="footer";
          //設定頁尾（為空） 根據你自己要設定的填入
          Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
          HKEY_Key="margin_bottom";
          //設定下頁邊距（0） 根據你自己要設定的填入
          Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"200");
          HKEY_Key="margin_left";
          //設定左頁邊距（0） 根據你自己要設定的填入
          Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"50");
          HKEY_Key="margin_right";
         //設定右頁邊距（0）
          Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"50");
          HKEY_Key="margin_top";
          //設定上頁邊距（8）
          Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"200");
     }catch(e){

     }
  }
 </script>

     <div class="float_cls" style="text-align:right;padding-top: 0px;" >
        <div style="text-align: right;margin-bottom: 0px;padding-right: 10px;">
            <input type="hidden" id="leaderId" value="${id }"/>
            <input id="btnUpdate" class="btn btn-primary" type="button" value="編輯"/>
            <input id="btnPrint" class="btn btn-primary" type="button" value="列印"/>
            <input id="btnClose" class="btn btn-primary" type="button" value="關閉"/>
        </div>
    </div>
    <div id="content" style="padding-left:50px;padding-right:50px;padding-top: 50px;
         padding-bottom: 50px;">
        ${ content }
    </div>

[/codesyntax]  

檢視原文：http://surenpi.com/2017/01/20/js-print/