第window.print()局部打印三種方式(小結)目錄方法一：通過開始、結束標記（startprint、endprint）來打印方法二：通過id選擇器來替換內(nèi)容打印，方法類似第一種方法三：通過動態(tài)創(chuàng)建iframe來打印（推薦的方法）（210616更新）190622更新說明：20250616更新說明：首先準備要打印的內(nèi)容，也可以打印時再填充，html中定義如下：

!--startprint--

divid="printcontent"

${printContentBody}

/div

!--endprint--

方法一：通過開始、結束標記（startprint、endprint）來打印

functiondoPrint(){

bdhtml=window.document.body.innerHTML;

sprnstr="!--startprint--//開始打印標識字符串有17個字符

eprnstr="!--endprint--//結束打印標識字符串

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);//從開始打印標識之后的內(nèi)容

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//截取開始標識和結束標識之間的內(nèi)容

window.document.body.innerHTML=prnhtml;//把需要打印的指定內(nèi)容賦給body.innerHTML

window.print();//調用瀏覽器的打印功能打印指定區(qū)域

window.document.body.innerHTML=bdhtml;//重新給頁面內(nèi)容賦值；

returnfalse;

}

方法二：通過id選擇器來替換內(nèi)容打印，方法類似第一種

functiondoPrint2(){

if(getExplorer()=="IE"){

pagesetup_null();

//根據(jù)div標簽ID拿到div中的局部內(nèi)容

bdhtml=window.document.body.innerHTML;

varjubuData=document.getElementById("printcontent").innerHTML;

//把獲取的局部div內(nèi)容賦給body標簽,相當于重置了body里的內(nèi)容

window.document.body.innerHTML=jubuData;

//調用打印功能

window.print();

window.document.body.innerHTML=bdhtml;//重新給頁面內(nèi)容賦值；

returnfalse;

functionpagesetup_null(){

varhkey_root,hkey_path,hkey_key;

hkey_root="HKEY_CURRENT_USER";

hkey_path="\\Software\\Microsoft\\InternetExplorer\\PageSetup\\";

try{

varRegWsh=newActiveXObject("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){}

functiongetExplorer(){

varexplorer=window.navigator.userAgent;

//ie

if(explorer.indexOf("MSIE")=0){

return"IE";

}

//firefox

elseif(explorer.indexOf("Firefox")=0){

return"Firefox";

}

//Chrome

elseif(explorer.indexOf("Chrome")=0){

return"Chrome";

}

//Opera

elseif(explorer.indexOf("Opera")=0){

return"Opera";

}

//Safari

elseif(explorer.indexOf("Safari")=0){

return"Safari";

}

}

方法三：通過動態(tài)創(chuàng)建iframe來打?。ㄍ扑]的方法）（210616更新）

這里要注意判斷iframe是否存在，防止反復使用時，iframe重復創(chuàng)建消耗內(nèi)存

!doctypehtml

htmllang="en"

head

metacharset="UTF-8"

metaname="Generator"content="EditPlus?"

metaname="Author"content=""

metaname="Keywords"content=""

metaname="Description"content=""

titleDocument/title

/head

body

button打印/button

!--startprint--

divid="printcontent"

這里可以自己填充打印內(nèi)容

/div

!--endprint--

scripttype='text/javascript'

functiondoPrint3(){

//判斷iframe是否存在，不存在則創(chuàng)建iframe

variframe=document.getElementById("print-iframe");

if(!iframe){

varel=document.getElementById("printcontent");

iframe=document.createElement('IFRAME');

vardoc=null;

iframe.setAttribute("id","print-iframe");

iframe.setAttribute('style','position:absolute;width:0px;height:0px;left:-500px;top:-500px;');

document.body.appendChild(iframe);

doc=iframe.contentWindow.document;

//這里可以自定義樣式

doc.write('stylemedia="print"@page{size:auto;margin:0mm;}/style//解決出現(xiàn)頁眉頁腳和路徑的問題

doc.write('div'+el.innerHTML+'/div

doc.close();

iframe.contentWindow.focus();

setTimeout(function(){iframe.contentWindow.print();},50)//解決第一次樣式不生效的問題

if(navigator.userAgent.indexOf("MSIE")0){

document.body.removeChild(iframe);

/script

/body

/html

對打印預覽頁面的居中或者橫向、縱向設置可以參考這個鏈接：/ZHANGLIZENG/article/details/91865007

使用方法一、二時，弊端有2個：

1）由于替換來當前頁面的內(nèi)容，從而當取消打印時，會使原來的頁面一些form表單失效。

2）當前頁面中的樣式會影響到打印的內(nèi)容中的樣式。

所以這里推薦使用iframe來創(chuàng)建，并且可以自定義樣式。

以上內(nèi)容在谷歌瀏覽器下測試通過，其他瀏覽器未做驗證。

19