完成web网页页面特定地区复印的三种方式

隶属频道：网站建设升级 著作人:不祥 公布：deepdfhy访问：0次

根据本实例教程能够完成，将印web网页页面特定地区的內容，本实例教程将出示三种方式完成。

方式一：复印网页页面特定地区

HTML

 !--startprint-- 
在必须复印的內容
 !--endprint-- 
 input type= button   quot;doPrint()  value= 复印  /  
// 网页页面上的內容尺寸调节能够css调节或器皿宽容 复印器皿内的內容便可以了

JS

 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 

方式二：特定复印地区

把要复印的內容放进一个span或div，随后根据一个涵数复印。

编码以下：

 span id= div1 这儿是要复印的內容 /span  gt;
 p 全部內容 /p 
 div id= div2 div2的內容 /div  gt;
 a href= javascrīpt:printme()  target= _self 复印 /a 
 script language= javascript 
function printme(){
 document.body.innerHTML=document.getElementById( div1 ).innerHTML+ br/ +document.getElementById( div2 ).innerHTML;
 window.print();
 /script 

方式三：应用CSS

界定一 个.noprint的class，将不复印的內容放进这一class内。
编码以下：

 style media= print  type= text/css  
.noprint{visibility:hidden} 
 /style 
这 里是要复印的內容。
 p  >