JavaScript 頁面打印

2018-09-28 18:03 更新

頁面打印

很多時(shí)候你會(huì)想在你 web 頁面上添加一個(gè)按鈕來用實(shí)際的打印機(jī)打印當(dāng)前頁面的內(nèi)容。

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

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

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

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

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

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

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

你可以采用以下方法之一來使一個(gè)頁面友好的打?。?/p>

  • 拷貝一份頁面，并且刪去不想要的文本和圖形，然后從原始頁面鏈接到能友好打印的頁面。

  • 如果你不想額外的拷貝一份頁面，那你可以使用合適的注釋來標(biāo)記可以打印的文本。例如，<!-PRINT STARTS HERE -->..... <!-PRINT ENDS HERE -->。然后你可以使用 PERL 或者其他任何語言的腳本在后臺(tái)對(duì)最終可打印的文本進(jìn)行凈化并展示出來。我們網(wǎng)站使用的是同樣的方法來提供給網(wǎng)站訪問者的打印設(shè)備打印。

怎樣打印一個(gè)頁面

如果某個(gè)頁面并沒有提供如上所示的打印工具，那你可以使用瀏覽器的標(biāo)準(zhǔn)工具欄來打印出 web 頁面。操作流程如下所示：

文件-->打印-->點(diǎn)擊確定按鈕。

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)