js 客戶(hù)端打印html 并且去掉頁(yè)眉、頁(yè)腳的實(shí)例

更新時(shí)間：2017年11月03日 08:22:27 作者：風(fēng)吹De麥浪

下面小編就為大家?guī)?lái)一篇js 客戶(hù)端打印html 并且去掉頁(yè)眉、頁(yè)腳的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

print() 方法用于打印當(dāng)前窗口的內(nèi)容，支持部分或者整個(gè)網(wǎng)頁(yè)打印。

調(diào)用 print() 方法所引發(fā)的行為就像用戶(hù)單擊瀏覽器的打印按鈕。通常，這會(huì)產(chǎn)生一個(gè)對(duì)話框，讓用戶(hù)可以取消或定制打印請(qǐng)求。

win10下測(cè)試ie11、chrome、firefox、360、edge 都可以成功去掉頁(yè)眉頁(yè)腳；

<!DOCTYPE html>
<html>
<head>
 <title>打印</title>
 <meta charset="utf-8">
 <style>
  .printBox {
   width: 300px;
   height: 300px;
   border: 1px solid blue;
  }
 </style>
 <!-- 打印的樣式-->
 <style media="print">
  @page {
   size: auto;
   margin: 0mm;
  }
 </style>
</head>

<body>
<div class="printBox">
 this is content!!!<br>
 點(diǎn)擊按鈕打印
</div>
<button onclick='print_page()'>打印</button>
</body>

<script type="text/javascript">
 function print_page() {
  if (!!window.ActiveXObject || "ActiveXObject" in window) { //是否ie
   remove_ie_header_and_footer();
  }
  window.print();
 }

 function remove_ie_header_and_footer() {
  var hkey_path;
  hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
  try {
   var RegWsh = new ActiveXObject("WScript.Shell");
   RegWsh.RegWrite(hkey_path + "header", "");
   RegWsh.RegWrite(hkey_path + "footer", "");
  } catch (e) {
  }
 }
</script>
</html>

以上這篇js 客戶(hù)端打印html 并且去掉頁(yè)眉、頁(yè)腳的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

如何在JavaScript中進(jìn)行深度克隆
JavaScript中深度克隆是指創(chuàng)建一個(gè)對(duì)象的完整副本,并且副本中所有的嵌套對(duì)象也被復(fù)制,而不是只是引用原始對(duì)象中的嵌套對(duì)象,下面我們就來(lái)了解下深度克隆的具體實(shí)現(xiàn)吧
2024-12-12
Mac地址驗(yàn)證的javascript代碼
這篇文章介紹了Mac地址驗(yàn)證的javascript代碼，在路由器中，mac地址是用得比較多的
2013-11-11
JavaScript實(shí)現(xiàn)的聯(lián)動(dòng)菜單特效示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的聯(lián)動(dòng)菜單特效,涉及javascript事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-07-07
淺談JS for循環(huán)中使用break和continue的區(qū)別
這篇文章主要介紹了淺談for循環(huán)中使用break和continue的區(qū)別，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
JavaScript中的onerror事件概述及使用
onerror事件用來(lái)協(xié)助處理頁(yè)面中的JavaScript錯(cuò)誤主要包括：Window.onerror事件,img載入錯(cuò)誤，接下來(lái)為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈
2013-04-04
詳解JavaScript對(duì)象類(lèi)型
這篇文章主要為大家詳細(xì)介紹了JavaScript對(duì)象類(lèi)型，分析了JavaScript六種數(shù)據(jù)類(lèi)型，感興趣的小伙伴們可以參考一下
2016-06-06
JS下高效拼裝字符串的幾種方法比較與測(cè)試代碼
本文介紹一下js如何高效來(lái)拼裝字符串的方法，希望大家看了以后多用效率高的代碼，不要讓客戶(hù)端瀏覽器執(zhí)行的太慢，提高用戶(hù)體驗(yàn)。
2010-04-04
javascript結(jié)合Cookies實(shí)現(xiàn)瀏覽記錄歷史
最近在工作當(dāng)中遇到一個(gè)問(wèn)題有個(gè)頁(yè)面需要添加一個(gè)瀏覽歷史記錄功能，具體來(lái)說(shuō)就是要記錄下用戶(hù)在此網(wǎng)站的點(diǎn)擊歷史并把它們降序排列出來(lái)（只顯示前6個(gè)瀏覽歷史而且不能重復(fù)）。
2008-09-09
原生JavaScript實(shí)現(xiàn)購(gòu)物車(chē)效果
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)購(gòu)物車(chē)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
一文了解ES5和ES6的區(qū)別
ES6是JavaScript語(yǔ)言的主要增強(qiáng),允許我們編寫(xiě)程序,ES6適用于復(fù)雜的應(yīng)用程序,盡管ES5和ES6在本質(zhì)上有一些相似之處,但它們之間也有許多不同之處,下面這篇文章主要給大家介紹了關(guān)于ES5和ES6區(qū)別的相關(guān)資料,需要的朋友可以參考下
2023-05-05