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.


上一篇: JavaScript void關鍵字 下一篇: JavaScript對象