Maison >interface Web >Questions et réponses frontales >Comment supprimer l'en-tête et le pied de page dans l'impression javascript

Comment supprimer l'en-tête et le pied de page dans l'impression javascript

PHPz
PHPzoriginal
2023-04-25 10:47:063626parcourir

Dans les applications pratiques, nous avons souvent besoin d'imprimer certaines informations ou contenus, mais lors de l'impression, le système ajoutera des en-têtes et des pieds de page par défaut, ce qui perturbe souvent notre composition et notre mise en page et nous pose beaucoup de problèmes. Alors, comment pouvez-vous supprimer l’en-tête et le pied de page ? Ci-dessous, nous expliquerons comment supprimer les en-têtes et les pieds de page à l'aide de JavaScript.

1. Supprimer l'en-tête

Lors de l'impression de la page, nous pouvons supprimer l'en-tête via la feuille de style :

@media print{
  @page {
    size: auto; /* 使用打印纸张的大小,默认是auto*/
    margin: 0mm; /* 打印页面边缘设置为0 */
    mso-header: none; /* 去除页眉 */
  }
}

Dans ce code, nous utilisons @media print pour indiquer au navigateur que ce code est. Il est utilisé pour l'impression. Utilisez @page pour définir le style de la page imprimée. La marge est définie sur 0, ce qui signifie que les bords de la page imprimée sont définis sur 0, afin que le contenu imprimé puisse remplir toute la page et. ne sera pas ajouté aux paramètres par défaut du système des bords blancs. Plus important encore, avec mso-header:none, nous avons réussi à supprimer l'en-tête.

2. Supprimer le pied de page

Continuons à voir comment supprimer le pied de page. Ici, nous pouvons également ajuster la feuille de style pour obtenir l'effet. Le code est le suivant :

@media print{
  @page {
    size: auto;
    margin: 0mm;
    mso-header: none;
    mso-footer: none; /* 去除页脚 */
  }
}

Identique à la suppression de l'en-tête, nous ajoutons mso-footer:none pour empêcher le système d'afficher le pied de page. Il convient de noter ici que, étant donné que les différents navigateurs ont des paramètres différents, certains navigateurs peuvent devoir utiliser des codes différents pour contrôler l'effet d'impression.

Résumé

Ce qui précède explique comment utiliser JavaScript pour supprimer les en-têtes et les pieds de page des pages imprimées. Dans les applications pratiques, nous pouvons déclencher l'événement d'impression en ajoutant un bouton sur la page, et nous pouvons également ajouter une logique de validation pour éviter les demandes d'impression invalides. Grâce à ces méthodes, nous pouvons contrôler l'effet d'impression de manière plus flexible afin que le contenu imprimé puisse répondre à nos attentes.

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