自動列印與分頁列印


bensy 發表



網頁的列印無法控制嗎? 你可以試試這個方法.




設計網頁的時候, 通常考慮到的是 '讓瀏覽者賞心悅目' 的排版問題。
如果瀏覽者打算列印你的網頁, 或是你的網頁利用資料庫處理了一些資料,
準備製成報表, 這時便會遇到分頁的問題。


怎麼樣讓網頁於列印時自動分成適當的頁數呢?
其實有個簡單的指令, 馬上能讓你達成心願。


這個指令是:

<P style='page-break-after:always'></P>


雖然這是 HTML 的 css 而非 Javascript 的指令, 不過配合網頁進入時
所啟動的 Javascript 的 window.print() 印表機交談視窗指令,
更能讓網頁的列印方便許多!


example.htm
<HTML><HEAD><TITLE>網頁舉例</TITLE></HEAD>
<BODY>

<CENTER><A HREF='print.htm'>連結到想要分頁列印的網頁</A></CENTER>

</BODY>
</HTML>


print.htm
<HTML><HEAD><TITLE>自動分頁列印!</TITLE></HEAD>
<BODY onLoad='printPage()'>

<SCRIPT LANGUAGE='JavaScript'>
<!--// 自動列印: 會彈出印表機交談視窗
function printPage() {
   window.print();
}
//-->
</SCRIPT>

<CENTER>這是列印的第一頁!</CENTER>

<P style='page-break-after:always'></P>

<CENTER>這是列印的第二頁!</CENTER>

</BODY>
</HTML>


最後更新日期: 8/22/2004 2:45:41 AM