首頁 > 開發者 > JavaScript
window.print列印指定div指定網頁指定地區的方法，window.printdiv
第一種方法：指定不列印範圍
使用CSS，定義一個.noprint的class，將不列印的內容放入這個class內。
細如下：
<style media=print type="text/css"> .noprint{visibility:hidden} </style>
要列印的內容。哈哈！
<p class="noprint">將不列印的代碼放在這裡。</p> <a href="javascript:window.print()" rel="external nofollow" target="_self">列印</a>
第二種方法：指定列印範圍
把要列印的內容放入一個 span或div，然後通過一個函數列印。
<span id='div1'>把要列印的內容放這裡</span> <p>所有內容</p> <div id="div2">div2的內容</div> <a href="javascript:printme()" rel="external nofollow" target="_self">列印</a> <script language="javascript"> function printme() { document.body.innerHTML=document.getElementByIdx_x_x('div1').innerHTML+'<br/>'+document.getElementByIdx_x_x('div2').innerHTML; window.print(); } </script>
如果要列印的只是整個頁面中的一小部分，就最好採用第二種方法。
第三種方法：如果要列印的頁面排版和原web頁面相差很大，採用此種方法。點列印按鈕彈出新視窗，把需要列印的內容顯示到新視窗中，在新視窗中調用window.print()方法，然後自動關閉新視窗。
window.print可以列印網頁，但有時候我們只希望列印特定控制項或內容，怎麼辦呢？
首先我們可以把要列印的內容放在div中，然後用下面的代碼進行列印。
<html> <head> <script language="javascript"> function printdiv(printpage) { var headstr = "<html><head><title></title></head><body>"; var footstr = "</body>"; var newstr = document.all.item(printpage).innerHTML; var oldstr = document.body.innerHTML; document.body.innerHTML = headstr+newstr+footstr; window.print(); document.body.innerHTML = oldstr; return false; } </script> <title>div print</title> </head> <body> //HTML Page //Other content you wouldn't like to print <input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print "> <div id="div_print"> <h1 style="Color:Red">The Div content which you want to print</h1> </div> //Other content you wouldn't like to print //Other content you wouldn't like to print </body></html>
<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
}
</script>
<!--startprint-->在需要列印的內容<!--endprint-->
<input type="button" onClick="doPrint()" value="列印" />
// 頁面上的內容大小調整可以css調整或容器包容 列印容器內的內容就可以了
實現網頁列印幾種方法
第一種方法：如果要列印的頁面排版和原web頁面相差很大，採用此種方法。點列印按鈕彈出新視窗，把需要列印的內容顯示到新視窗中，在新視窗中調用window.print()方法，然後自動關閉新視窗。 指定列印範圍把要列印的內容放入一個 span或div，然後通過一個函數列印。把要列印的內容放這裡
所有內容div2的內容列印function printme(){document.body.innerhtml=document.getelementbyid('div1').innerhtml+''+document.getelementbyid('div2').innerhtml;window.print();}方法二用css教程式控制制 引用:@media print.a {display:block}.b {display:hidden}把你不想列印的部分class設為b首先在網頁中添加：引用: .noprint{visibility:hidden}要列印的內容。哈哈！將不列印的代碼放在這裡。列印方法三 用ie列印網頁 internet explorer（簡稱ie）5.0以上版本強大的列印及預覽列印功能。本文就向大家介紹如何用ie來列印網頁。（誰？誰？誰在扔西紅柿？下面一片噓聲：這還用得著你講呀？！）咳咳咳，是的是的，在ie中列印網頁實在是太簡單不過了。只需點一下工具列上“列印”按鈕就可將當前網頁列印出來 方法四xml/html代碼列印引用:var hkey_root,hkey_path,hkey_keyhkey_root="hkey_current_user"hkey_path="softwaremicrosoftinternet explorerpagesetup"//設定網頁列印的頁首頁尾為空白function pagesetup_null(){try{var regwsh = new activexobject("wscript.shell")hkey_key="header"regwsh.regwrite(hkey_root+hkey_path+hkey_key,"")hkey_key="footer"regwsh.regwrite(hkey_root+hkey_path+hkey_key,"")}catch(e){}}//設定網頁列印的頁首頁尾為預設值
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
