Ajoutez un bouton "Imprimer" sur la page Web HTML, et lorsque vous cliquez dessus, la page Web entière sera imprimée. Il s'agit d'une fonctionnalité assez simple à ajouter à une page Web et peut être ajoutée à l'aide de quelques éléments HTML et de JavaScript pur.
Discutons donc des façons de procéder.
Tout d'abord, ajoutez la balise dans le dom HTML.
Attribuez son attribut de type à "bouton" et donnez-lui une valeur.
Ensuite, attribuez un gestionnaire "onclick" à l'entrée qui sera gérée à l'aide de JavaScript.
La fonction qui gère les événements de clic sur l'étiquette d'entrée est la suivante -
const handlePrint = () => {
window.print();
}
Le code complet de cette méthode est -
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>
Adding Print Button
</title>
</head>
<body style="color: black;">
<h1>Hello World!</h1>
<p>Welcome to my Website</p>
<p>
This website is built using plain JS and HTML.
</p>
<p>
Okay Bye!!!
</p>
<input value='Print' type='button' onclick='handlePrint()' />
<script type="text/javascript">
const handlePrint = () => {
var actContents = document.body.innerHTML;
document.body.innerHTML = actContents;
window.print();
}
</script>
</body>
</html>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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
