很多時候,你想給一個按鈕,在網頁上通過一個實際的列印機列印出網頁的內容。
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.