Comment implémenter l'opération d'impression en JavaScript

En JavaScript, vous pouvez utiliser la méthode print() de l'objet Window pour implémenter les opérations d'impression, avec le format de syntaxe "window.print()". La méthode print() est utilisée pour imprimer le contenu de la fenêtre actuelle ; l'appel de la méthode print() générera une boîte contextuelle d'aperçu avant impression, permettant à l'utilisateur de définir une demande d'impression.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Imprimer le contenu de l'élément spécifié sur la page actuelle

Utiliser window.print() directement

Obtenir le contenu html de l'élément en premier (il est recommandé d'utiliser des styles en ligne s'il y a des styles)

var newstr = document.getElementById(myp).innerHTML;//得到需要打印的元素HTML

Enregistrez l'intégralité du code HTML de la page actuelle, car l'opération d'impression window.print() imprime tout le contenu de la page actuelle page, alors enregistrez d'abord la page actuelle afin de pouvoir la restaurer plus tard.

var oldstr = document.body.innerHTML;//保存当前页面的HTML

Remplacer la page actuelle par le contenu à imprimer HTML

document.body.innerHTML = newstr;

Effectuer l'opération d'impression

window.print();

Restaurer la page actuelle

document.body.innerHTML = oldstr;

Exemple de méthode :

//myp为需要打印的元素ID
function printpage(myp){   
var newstr = document.getElementById(myp).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = newstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}

[Apprentissage recommandé : Tutoriel JavaScript avancé]

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!