Maison > Article > interface Web > Comment utiliser JS et utiliser la méthode d'impression dans l'objet window pour implémenter l'impression de pagination

Comment utiliser JS et utiliser la méthode d'impression dans l'objet window pour implémenter l'impression de pagination

php中世界最好的语言original: 2018-05-29 11:14:132233parcourir

Cette fois, je vais vous montrer comment utiliser JS et utiliser la méthode d'impression dans l'objet fenêtre pour réaliser l'impression de pagination. Quelles sont les précautions sur la façon d'utiliser JS et de l'utiliser. la méthode d'impression dans l'objet window pour réaliser l'impression de pagination, ce qui suit est un cas pratique, jetons un coup d'œil.

1. Cependant, de nombreux cas sur Internet ne prennent pas en charge la fonction de pagination Enfin, le problème de pagination est résolu grâce au style CSS page-break-after:always. est purement écrit par moi-même. Amis dans le besoin Vous pouvez le copier directement sur la page Web pour l'utiliser. Veuillez indiquer la source lors de la réimpression, merci !

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
<script language="javascript"> 
//打印代码 
 function Print()  
 {  
  var printStr = "<html><head><meta http-equiv=&#39;Content-Type&#39; content=&#39;text/html; charset=utf-8&#39;></head><body >"; 
  var content = ""; 
  var str = document.getElementById('page1').innerHTML;  //获取需要打印的页面元素 ，page1元素设置样式page-break-after:always，意思是从下一行开始分割。 
  content = content + str; 
  str = document.getElementById('page2').innerHTML;  //获取需要打印的页面元素 
  content = content + str; 
  printStr = printStr+content+"</body></html>";            
  var pwin=window.open("Print.htm","print"); //如果是本地测试，需要先新建Print.htm，如果是在域中使用，则不需要 
  pwin.document.write(printStr); 
  pwin.document.close();     //这句很重要，没有就无法实现 
  pwin.print();  
 } 
</script> 
</head> 
<body > 
<p><input type="button" value="打印" onclick="Print()" /></p> 
<p id="page1"> 
  <table width="100%" border="0" cellpadding="0" cellspacing="0" style="page-break-after:always" > 
  <tr><td>第一页打印内容</td></tr> 
  </table> 
</p> 
<p id="page2"> 
  <table width="100%" border="0" cellpadding="0" cellspacing="0" id="content" > 
  <tr><td>第二页打印内容</td></tr> 
  </table> 
</p> 
</body> 
</html>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment mettre à jour la dernière version de nodejs sur mac

Comment utiliser JS pour implémenter la pagination impression

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment utiliser vue-cli pour importer des composants Element UIArticle suivant：Comment utiliser vue-cli pour importer des composants Element UI

Articles Liés

Voir plus