瀏覽器列印經驗總結

2021-09-01 19:29:16 字數 1193 閱讀 3720

js呼叫瀏覽器列印(可設定頁首、頁尾、頁邊距)

如果有好用的列印控制項,用列印控制項。如果沒有,可以直接用瀏覽器自帶的列印功能。

網頁內容直接列印。

window.print();

document.getelementbyid(

'要列印的區域

id').focus();

window.print();

css

控制某一部分不列印

當然,使用css來控制某一區域不列印,也是很方便的。

**如下(紅色部分是關鍵)。該樣式,在瀏覽的時候可以正常顯示,只是列印的時候不列印class為noprint的元素。

如果使用者已經有列印**,只需要你列印資料內容上去,就是所謂的套打。

你當然可以設計乙個只有要列印的資料項的**,然後通過css來控制元素的位置和字型等格式。也可以結合1.2.2的描述將不需要列印的部分隱藏,這樣更便於你的列印預覽除錯。

如果你的列印格式比較複雜,在現有頁面通過上邊介紹的方式實現起來比較麻煩,那就乾脆使用iframe列印吧。那樣你只需要提前畫好乙個頁面,在要列印的時候使用js將內容或者模板頁面路徑傳給iframe即可。

**如下:

window.frames['printfrm'].location.href = "頁面路徑";

settimeout("printaction()","1000");//為防止頁面未載入完就列印,延遲一秒

function printaction()

如果不希望iframe被看到,就像下邊這樣,將高度設定為0吧

當然,如果需要自己來控制頁邊距、頁首、頁尾等,可以先按1.6中描述方式進行設定。

在列印的時候,你可能希望由自己來控制頁邊距、頁首、頁尾等。可以按如下方式,在列印前進行相應的設定(注:由於使用了activexobject,需要進行相應的瀏覽器安全設定,最簡單的就是把訪問位址設定為「受信任的站點」)。

function setprint()catch(e)

}複雜的設定,後續補充…

瀏覽器列印經驗總結

js呼叫瀏覽器列印 可設定頁首 頁尾 頁邊距 列印需求,在系統的開發中非常常見。面對使用者各種各樣的列印格式要求,如果有好用的列印控制項,開發列印功能自然無需多說。但是如果沒有,直接使用瀏覽器自帶的列印功能,也是乙個不錯的選擇。下面就分享一下我自己在開發過程中,使用瀏覽器自帶功能的一些經驗。如果要將...

跨瀏覽器開發經驗總結(二) CSS

css類級別的hack僅ie7識別 html ie6及ie6以下識別 html opera safari chrome識別 media all and min width 0px 不識別,但firefox3.6也識別該規則,如果firefox版本有嚴格要求,請使用下一條規則 media screen...

瀏覽器列印

2004年12月21日 author longware longware 126.usage note 瀏覽器需求ie6.0 在http頁面上列印必須將ie的安全級別降低.document.writeln document.writeln document.write document.writel...