對頁面制定區域進行打印,以及打印不顯示頁腳URL的方法

第一種方式 - 此種方式簡單易用，但不能進行頁面設置，會在底部顯示頁面的URL地址。

打印命令：只需在頁面上的按鈕事件調用這段JS代碼

           javascript:window.print(); 
          
 
          
 
         

====================

CSS定義:

           <style media="print"> 
          
 .Noprint //不打印 
          
 { 
          
 display: none; 
          
 } 
          
 .PrintOnly //僅在打印時顯示 
          
 { 
          
 display: block; 
          
 } 
          
 </style> 
         

===================

第二種方式 - 用meadroid控件對頁面進行設置，可自由定制頁眉頁腳，去掉頁面底部的URL

 

           1 <object id="factory" style="display:none" viewastext classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"></object> 
          
 2 
          
 3 <title>頁面設置</title> 
          
 4 <input type="button" value="頁面設置" 
          
 5 onclick="factory.printing.PageSetup()"> 
          
 6 <input type="button" value="打印預覽" 
          
 7 onclick="factory.printing.Preview()"> 
          
 8 
          
 9 <script> 
          
10 function window.onload() { 
          
11 factory.printing.header = "居左顯示&b居中顯示&b居右顯示頁碼，第&p頁/共&P頁" 
          
12 factory.printing.footer = "（自定義頁腳）" 
          
13 factory.printing.leftMargin = 0.75 
          
14 factory.printing.topMargin = 1.5 
          
15 factory.printing.rightMargin = 0.75 
          
16 factory.printing.bottomMargin = 1.5 
          
17 } 
          
18 </script> 
          
19 
         

 

=====================

CSS - Display 參數：
 
block : 　CSS1　塊對象的默認值。用該值為對象之后添加新行
none : 　CSS1　隱藏對象。與visibility屬性的hidden值不同，其不為被隱藏的對象保留其物理空間
inline : 　CSS1　內聯對象的默認值。用該值將從對象中刪除行
compact : 　CSS2　分配對象為塊對象或基於內容之上的內聯對象
marker : 　CSS2　指定內容在容器對象之前或之后。要使用此參數，對象必須和:after及:before 偽元素一起使用
inline-table : 　CSS2　將表格顯示為無前后換行的內聯對象或內聯容器
list-item : 　CSS1　將塊對象指定為列表項目。並可以添加可選項目標志
run-in : 　CSS2　分配對象為塊對象或基於內容之上的內聯對象
table : 　CSS2　將對象作為塊元素級的表格顯示
table-caption : 　CSS2　將對象作為表格標題顯示
table-cell : 　CSS2　將對象作為表格單元格顯示
table-column : 　CSS2　將對象作為表格列顯示
table-column-group : 　CSS2　將對象作為表格列組顯示
table-header-group : 　CSS2　將對象作為表格標題組顯示
table-footer-group : 　CSS2　將對象作為表格腳注組顯示
table-row : 　CSS2　將對象作為表格行顯示
table-row-group : 　CSS2　將對象作為表格行組顯示
 

=============================
Media Types 設備類型

Media Type 
設備類型 CSS Version 
版本 Compatibility 
兼容性 Description 
簡介 
all CSS2 IE4+ 用於所有設備類型 
aural CSS2 NONE 用於語音和音樂合成器 
braille CSS2 NONE 用於觸覺反饋設備 
embossed CSS2 NONE 用於凸點字符（盲文）印刷設備 
handheld CSS2 NONE 用於小型或手提設備 
print CSS2 IE4+ 用於打印機 
projection CSS2 NONE 用於投影圖像，如幻燈片 
screen CSS2 IE4+ 用於計算機顯示器 
tty CSS2 NONE 用於使用固定間距字符格的設備。如電傳打字機和終端 
tv CSS2 NONE 用於電視類設備