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.