js實現打印網頁（js的打印）

本文目錄一覽：

• 1、js瀏覽器打印設置打印次數
• 2、js如何實現頁面打印
• 3、使用print-js打印當前頁面內容

js瀏覽器打印設置打印次數

普通報表工具欄上有打印按鈕，點擊該按鈕會彈出打印頁面。

思路一：通過工具欄中的打印按鈕，進行控制。設置全局變量–打印次數，如果打印次數為0，則直接打印，不再跳轉到打印頁面。或者在參數欄中新增一個打印按鈕，在裏面寫JS腳本。不通過工具欄中的打印按鈕實現這個功能。

思路二：在跳轉的打印頁面，只要點擊一次打印按鈕，則一方面執行打印指令，另一方面自動關閉打印頁面。同時主模板自動刷新數據，重新加載打印次數為1。

思路三：在跳轉的打印頁面，獲取全局變量–打印次數，如果為0，則打印按鈕有效。否則打印按鈕不可用，為灰色狀態。

js如何實現頁面打印

HTMLHEADTITLEjavascript打印-打印頁面設置-打印預覽代碼/TITLE

META http-equiv=Content-Type content=”text/html; charset=gb2312″ /

SCRIPT language=javascript

function printsetup(){

// 打印頁面設置

wb.execwb(8,1);

}

function printpreview(){

// 打印頁面預覽

wb.execwb(7,1);

}

function printit()

{

if (confirm(‘確定打印嗎？’)) {

wb.execwb(6,6)

}

}

/SCRIPT

/HEAD

BODY

DIV align=center

OBJECT id=wb height=0 width=0

classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb/OBJECT

INPUT onclick=javascript:printit() type=button value=打印 name=button_print /

INPUT onclick=javascript:printsetup(); type=button value=打印頁面設置 name=button_setup /

INPUT onclick=javascript:printpreview(); type=button value=打印預覽 name=button_show /

/DIV

/BODY

/HTML

使用print-js打印當前頁面內容

1.安裝使用

npm install print-js –save

2.在需要打印的頁面導入

import print from ‘print-js’

3.方法

官方地址：