Récemment, un ami m'a demandé comment imprimer un aperçu en js. Aujourd'hui, je vais l'expliquer. Commençons par comprendre le principe de l'impression. En fait, l'impression partielle de la page est très simple. Faites simplement une marque de départ pour la partie que vous souhaitez imprimer. Quant à la façon d'écrire la marque, vous pouvez écrire ce que vous voulez. J'écrirai ici le contenu qui doit être imprimé
. Parce que le balisage n'a pas besoin d'être vu par les utilisateurs, j'ai ajouté un commentaire ! Le code d'implémentation spécifique est le suivant :
<!DOCTYPE html>
<html>
<head>
<title>打印预览简单实现</title>
</head>
<body>
<div>
这是body 里的内容不需要打印，具体的页面设计根据自己的要求自行设计。如果需要一个页面多个tag,可以动态生成tag
</div>
<!--startprint-->
<div>
这是我需要打印的内容
</div>
<!--endprint-->
<script type="text/javascript">
function preview()
{
var bdhtml=window.document.body.innerHTML;//获取当前页的html代码
var startStr="<!--startprint-->";//设置打印开始区域
var endStr="<!--endprint-->";//设置打印结束区域
var printHtml=bdhtml.substring(bdhtml.indexOf(startStr)+startStr.length,bdhtml.indexOf(endStr));//从标记里获取需要打印的页面
window.document.body.innerHTML=printHtml;//需要打印的页面
window.print();
window.document.body.innerHTML=bdhtml;//还原界面
}
preview();
</script>
</body>
</html>
Quelle est la différence entre JD International auto-exploité et JD auto-opéré
Touche de raccourci de veille
Que dois-je faire si mon lecteur C devient rouge ?
Introduction à l'utilisation de la boîte de message
qu'est-ce que Hadoop
Comment fonctionne le capteur de température
Qu'est-ce que l'indice Baidu
Téléphone portable projecteur
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
