HTML打印指定區域

1、直接利用JS技術實現打印HTML表格javascript

一般在瀏覽網頁的時候,網頁上老是出現一些和內容無關的內容,在打印的時候,要是把整個網頁都打印下來,總會有些不方便。。。因此在有須要打印的網頁上稍微設置一下打印頁是頗有必要的。。。html

首先在head裏面加入下面一段js代碼:java

<scriptlanguage="javascript"> function preview(oper){ if (oper < 10){ bdhtml=window.document.body.innerHTML;/ /獲取當前頁的html代碼 sprnstr="";/ /設置打印開始區域 eprnstr="";/ /設置打印結束區域 prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); / /從開始代碼向後取html prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));/ /從結束代碼向前取html window.document.body.innerHTML=prnhtml; window.print(); window.document.body.innerHTML=bdhtml; } else {   window.print(); } } 而後在所須要打印的代碼,用和包圍着,以下:htm

    ...
最後加上一個打印的按鈕

<input type=buttonname='button_export' title='打印1' onclick=preview(1) value=打印1> 另外說明一下,在一個HTML頁面裏面,能夠設置多個打印區域,須要改動一下的就只是幾個數字就OK了。如:ip

在選擇第二個區域裏面時用包圍着,而按鈕天然也改爲對應的preview(1)了。這樣第二區域的打印就完成。input

還有一點,就是CSS樣式表的問題了,打印的效果是不包含背景的打印的,設置是注意一下。string

相關文章
相關標籤/搜索