位置:首頁 > Web開發 > Javascript教學 > Javascript頁麵打印

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.