Maison > Article > interface Web > Méthode d'impression partielle JS

Méthode d'impression partielle JS

小云云original: 2017-11-28 09:33:572560parcourir

Dans cet article, nous partageons avec vous une technologie très simple. JS réalise une impression partielle. Il existe de nombreux types d'impression Web, il existe donc également de nombreuses méthodes d'impression JS. Nous allons maintenant vous apprendre une méthode de réalisation partielle par JS. impression.

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>局部打印案例</title> 
<script type="text/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();   
}   
</script> 
</head> 
   
<body> 
<p>1不需要打印的地方</p> 
<p>2这里不要打印啊</p> 
<!--startprint--><!--注意要加上html里star和end的这两个标记--> 
<h1>打印标题</h1> 
<p>打印内容~~</p> 
<!--endprint--> 
<button type="button" onclick="doPrint()">打印</button> 
<p>不打印的地方啊哈哈哈哈</p> 
<p>2</p> 
</body> 
</html>

Le contenu ci-dessus est un cas d'impression partielle à l'aide de JS. J'espère que cela pourra aider tout le monde.

Recommandations associées :

js contrôle l'impression Web (impression partielle) méthode arrangement_javascript compétences

js ou jquery peuvent réaliser l'impression de pages Impression partielle_javascript compétences

Plusieurs méthodes d'impression des résultats sont présentées

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：Explication détaillée de la mise en page réactive frontale, des images réactives et du système de grille créé par vous-mêmeArticle suivant：Explication détaillée de la mise en page réactive frontale, des images réactives et du système de grille créé par vous-même

Articles Liés

Voir plus