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

日期:2020-12-18 类型:科技新闻 

关键词:如何创建网站,免费网站建站,网站建设文章,网站建设7个基本流程,自动建站

隶属频道:网站建设升级 著作人:不祥 公布: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  >