對這文章發表回應

發表限制: 非會員 可以發表

發表者：冷日發表時間： 2011/12/8 9:34:43

自動列印與分頁列印

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

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

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

這個指令是:

<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

原文出處：自動列印與分頁列印

標題
發表者名
內容圖示
內容	樣本 [詳情...]
認證碼		注意事項：預覽不需輸入認證碼，僅真正發送文章時才會檢查驗證碼。認證碼有效期10分鐘，若輸入資料超過10分鐘，請您備份內容後，重新整理本頁並貼回您的內容，再輸入驗證碼送出。
選項	不使用表情圖示