對頁面制定地區進行列印,以及列印不顯示頁尾URL的方法

來源:互聯網
上載者:User

標籤:object   標題   factory   window   one   簡單   item   lin   頁首   

第一種方式 - 此種方式簡單易用,但不能進行版面設定,會在底部顯示頁面的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 用於電視類裝置 

對頁面制定地區進行列印,以及列印不顯示頁尾URL的方法

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.