我們在網頁開發過程中經常會有打印頁面的需求，通過JS來實現的方法有很多。下面本篇文章就來給大家介紹幾種使用JavaScript打印頁面的方法，希望對大家有所幫助。

方式一：window.print()

print() 方法用于打印當前窗口的內容。

調用print()方法所引發的行為就像用戶單擊瀏覽器的打印按鈕。通常，這會產生一個對話框，讓用戶可以取消或定制打印請求。

使用window.print()方法打印的頁面分幾種情況：

1、整體打印打印

現在就輕松實現了頁面的打印，但是這種方式會將整個頁面打印，如果想要實現指定區域的打印需要通過下面的設置

2、局部打印

首先，在html中，通過star和end來標記打印區域

這塊內容不需要打印

這里是需要打印的內容

.....

這塊內容不需要打印

然后，在點擊事件中添加如下代碼function doPrint() {

bdhtml=window.document.body.innerHTML;

sprnstr="";

eprnstr="";

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));

window.document.body.innerHTML=prnhtml;

window.print();

}

過濾打印區域的內容

例如

預覽

打印

這里是需要打印的內容

.....

上面的預覽和打印按鈕不希望打印，如果要過濾的話可以做下面的樣式設置

@media print {

.noprint{

display: none;

}

}

或：

.noprint{

display: none;

}

分頁打印

使用 window.print() 打印時，如果內容超出會自動分頁。但是我們如果需要自定義分頁范圍，如碰到表格分頁打印，可以通過進行如下設置：

方式二、jqprint()

jqprint是一個基于jQuery編寫的頁面打印的一個小插件，但是不得不承認這個插件確實很厲害。

在Web打印的方面，前端的打印基本是靠window.print()的方式進行打印的，而這個插件在其基礎上進行了進一步的封裝，可以輕松實現打印網頁上的某個區域，這是個亮點。

引入

js

function a(){

$("#ddd").jqprint();

}

html

test

test

test

test

test

設置模板打印$("#printContainer").jqprint({

debug: false,

//如果是true則可以顯示iframe查看效果(iframe默認高和寬都很小，可以再源碼中調大)，默認是false

importCSS: true,

//true表示引進原來的頁面的css，默認是true。如果是true，先會找$("link[media=print]，"若沒有會去找$("link")中的css文件)

printContainer: true,

//表示如果原來選擇的對象必須被納入打印(注意：設置為false可能會打破你的CSS規則)。

operaSupport: true

//表示如果插件也必須支持歌opera瀏覽器，在這種情況下，它提供了建立一個臨時的打印選項卡。默認是true

});

另外還可以使用html 標簽引入Webbrowser控件(只兼容IE)或者調用windows底層打印，報安全警告，不建議使用(不支持

總結

以上是生活随笔為你收集整理的jqprint 分页打印_javascript如何实现打印页面？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。