Javascript頁面列印


很多時候,你想給一個按鈕,在網頁上通過一個實際的列印機列印出網頁的內容。

JavaScript可使用window物件的print函式就可以實現這樣的功能。

當執行JavaScript的print函式window.print()將會列印當前頁面。可以使用onclick事件如下直接呼叫此函式:

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

這將產生以下按鈕,列印此頁。點選試試:

 

這符合列印出來的頁面,但這個不是一個推薦的方式。列印機友好的頁面實際上只是一個文字,沒有影象,圖形或廣告頁面。

可以使用以下頁式列印機友好方式:

  • 使頁面的副本,並離開了不需要的文字和圖形,然後從原始連結到該列印機友好的頁面。

  • 如果你不想讓頁面的額外副本,那麼可以使用像適當的注釋標記列印文字 <!-- PRINT STARTS HERE -->..... <!-- PRINT ENDS HERE --> 然後你可以使用PERL或其他指令碼在後台清除列印文字和顯示進行最後的列印。網站使用同樣的方法給列印裝置對我們網站的訪客。 

如何列印頁面:

如果沒有人在提供上述裝置,那麼你可以使用瀏覽器的標準工具列讓網頁列印出來。按照連結如下:

File --> Print --> Click OK button.