閱讀(4.1k) 書簽贊(0) 我要糾錯

JavaScript 頁面打印

2018-09-28 18:03 更新

頁面打印

很多時候你會想在你 web 頁面上添加一個按鈕來用實際的打印機打印當前頁面的內(nèi)容。

JavaScript 能使用 window 對象的打印函數(shù)來幫你實現(xiàn)這個功能。

當JavaScript的打印方法 window.print() 執(zhí)行后，就會打印當前的 web 頁面。

你可以使用 onclick 事件直接調(diào)用這個函數(shù)，如下所示：

    <head>
    <script type="text/javascript">
    <!--
    //-->
    </script>
    </head>
    <body>
    <form>
    <input type="button" value="Print" onclick="window.print()" />
    </form>
    </body>

這段代碼會產(chǎn)生如下的所示的按鈕，它能讓你打印當前的頁面。試著點擊一下：

<head>
<script type="text/javascript">
<!--
//-->
</script>
</head>
<body>
<form>
<input type="button" value="Print" onclick="window.print()" />
</form>
</body>

雖然這能夠滿足你將頁面打印出來的要求，但并不推薦這種方法將頁面提供給打印設(shè)備。一個友好的打印頁面，僅僅是打印一個包含文本的頁面，而不包括圖片，圖形或者廣告。

你可以采用以下方法之一來使一個頁面友好的打印：

拷貝一份頁面，并且刪去不想要的文本和圖形，然后從原始頁面鏈接到能友好打印的頁面。
如果你不想額外的拷貝一份頁面，那你可以使用合適的注釋來標記可以打印的文本。例如，<!-PRINT STARTS HERE -->..... <!-PRINT ENDS HERE -->。然后你可以使用 PERL 或者其他任何語言的腳本在后臺對最終可打印的文本進行凈化并展示出來。我們網(wǎng)站使用的是同樣的方法來提供給網(wǎng)站訪問者的打印設(shè)備打印。