Bagaimana untuk mengalih keluar pengepala dan pengaki dalam percetakan javascript

Dalam aplikasi praktikal, kami selalunya perlu mencetak beberapa maklumat atau kandungan, tetapi apabila mencetak, sistem akan menambah pengepala dan pengaki secara lalai, yang sering mengganggu tetapan taip dan reka letak kami, membawa banyak masalah kepada kami. Jadi bagaimana anda boleh mengalih keluar pengepala dan pengaki? Di bawah ini kami akan memperkenalkan cara mengalih keluar pengepala dan pengaki menggunakan JavaScript.

1. Keluarkan pengepala

Apabila mencetak halaman, kita boleh mengalih keluar pengepala melalui helaian gaya Kod adalah seperti berikut:

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

Dalam kod ini , kami menggunakan cetakan @media untuk memberitahu penyemak imbas bahawa kod ini adalah untuk mencetak dan menggunakan @halaman untuk menetapkan gaya halaman bercetak, di mana margin ditetapkan kepada 0, iaitu, tepi halaman bercetak ditetapkan kepada 0, supaya Ia membenarkan kandungan bercetak mengisi keseluruhan halaman tanpa menambah margin putih yang sistem lalai. Paling penting, dengan mso-header:none, kami berjaya mengalih keluar pengepala.

2. Alih keluar pengaki

Mari kita terus melihat cara mengalih keluar pengaki. Di sini, kita juga boleh melaraskan helaian gaya untuk mencapai kesan Kodnya adalah seperti berikut:

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

Sama seperti mengalih keluar pengepala, kami menambah mso-footer:none untuk menghentikan sistem daripada memaparkan footer. . Perlu diingatkan di sini bahawa kerana pelayar yang berbeza mempunyai tetapan yang berbeza, sesetengah pelayar mungkin perlu menggunakan kod yang berbeza untuk mengawal kesan pencetakan.

Ringkasan

Di atas ialah cara menggunakan JavaScript untuk mengalih keluar pengepala dan pengaki daripada halaman bercetak. Dalam aplikasi praktikal, kami boleh mencetuskan acara cetakan dengan menambahkan butang pada halaman, dan kami juga boleh menambah beberapa logik pengesahan untuk mengelakkan permintaan cetakan tidak sah. Melalui kaedah ini, kami boleh mengawal kesan cetakan dengan lebih fleksibel supaya kandungan cetakan dapat memenuhi jangkaan kami.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar pengepala dan pengaki dalam percetakan javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!