如何使用JS实现分页打印
这次给大家带来如何使用JS实现分页打印，使用JS实现分页打印的注意事项有哪些，下面就是实战案例，一起来看一下。
在调用window.print()时，可以实现打印效果，但内容太多时要进行分页打印。
在样式中有规定几个打印的样式
page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。
每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page breaks)。
page-break-before若设定成always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。
page-break-before若设定成left，则会插入分页符号，直到指定的组件出现在一个左边的空白页上。
page-break-before若设定成right，则会插入分页符号，直到指定的组件出现在一个右边的空白页上。
page-break-after属性会将分页符号加在指定组件后，而非之前。
在下列程序中您将可以看到这些属性的设定，
<HTML> <HEAD> <TITLE>Listing 14-4</TITLE> </HEAD> <BODY> <p>This is the first p.</p> <p STYLE="page-break-before:always">This is the second p.</p> <p STYLE="page-break-after:always">This is the third p.</p> <p>This is the fourth p.</p> <p STYLE="page-break-before:right">This is the fifth p.</p> <p STYLE="page-break-after:right">This is the sixth p.</p> <p>This is the last p.</p> </BODY> </HTML>
| 值 | 描述 |
| auto | 默认值。如果必要则在元素前插入分页符 |
| always | 在元素前插入分页符 |
| avoid | 避免在元素前插入分页符 |
| left | 在元素之前足够的分页符，一直到一张空白的左页为止 |
| right | 在元素之前足够的分页符，一直到一张空白的右页为止 |
| inherit | 规定应该从父元素继承 page-break-before 属性的设置 |
在Dom对象中pageBreakBefore属性
语法:
Object.style.pageBreakBefore=auto|always|avoid|left|right
<html>
<head>
<script type="text/javascript">
function setPageBreak()
{
document.getElementById("p2").style.pageBreakBefore="always";
}
</script>
</head>
<body>
<p>This is a test paragraph.</p>
<input type="button" onclick="setPageBreak()" value="Set page-break" />
<p id="p2">This is also a test paragraph.</p>
</body>
</html>相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Atas ialah kandungan terperinci 如何使用JS实现分页打印. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1389
52
Apakah yang perlu saya lakukan jika garis bingkai hilang semasa mencetak dalam Excel?
Mar 21, 2024 am 09:50 AM
Jika semasa membuka fail yang perlu dicetak, kami akan mendapati bahawa garis bingkai jadual telah hilang atas sebab tertentu dalam pratonton cetak Apabila menghadapi situasi sedemikian, kami mesti menanganinya dalam masa Jika ini juga muncul dalam cetakan anda fail Jika anda mempunyai soalan seperti ini, kemudian sertai editor untuk mempelajari kursus berikut: Apakah yang perlu saya lakukan jika garis bingkai hilang semasa mencetak jadual dalam Excel? 1. Buka fail yang perlu dicetak, seperti yang ditunjukkan dalam rajah di bawah. 2. Pilih semua kawasan kandungan yang diperlukan, seperti yang ditunjukkan dalam rajah di bawah. 3. Klik kanan tetikus dan pilih pilihan "Format Sel", seperti yang ditunjukkan dalam rajah di bawah. 4. Klik pilihan "Sempadan" di bahagian atas tetingkap, seperti yang ditunjukkan dalam rajah di bawah. 5. Pilih corak garisan pepejal nipis dalam gaya garisan di sebelah kiri, seperti yang ditunjukkan dalam rajah di bawah. 6. Pilih "Sempadan Luar"
Memori atau ruang cakera tidak mencukupi untuk mengepa semula atau mencetak dokumen ini Ralat Word
Feb 19, 2024 pm 07:15 PM
Artikel ini akan memperkenalkan cara menyelesaikan masalah memori yang tidak mencukupi atau ruang cakera untuk halaman semula atau mencetak dokumen dalam Microsoft Word. Ralat ini biasanya berlaku apabila pengguna cuba mencetak dokumen Word. Jika anda menghadapi ralat yang serupa, sila rujuk cadangan yang diberikan dalam artikel ini untuk menyelesaikannya. Memori atau ruang cakera tidak mencukupi untuk halaman semula atau mencetak dokumen ini Ralat Word Bagaimana untuk menyelesaikan ralat pencetakan Microsoft Word "Tidak ada memori atau ruang cakera yang mencukupi untuk halaman semula atau mencetak dokumen." Kemas kini Microsoft Office Tutup aplikasi penyamaran memori Tukar pencetak lalai anda Mulakan Word dalam mod selamat Namakan semula fail NorMal.dotm Simpan fail Word sebagai yang lain
4 Cara Mencetak daripada iPhone
Feb 02, 2024 pm 04:10 PM
Dalam dunia digital ini, keperluan untuk halaman bercetak tidak hilang. Walaupun anda mungkin berpendapat lebih mudah untuk menyimpan kandungan pada komputer anda dan menghantarnya terus ke pencetak, anda boleh melakukan perkara yang sama pada iPhone anda. Dengan kamera iPhone anda, anda boleh mengambil foto atau dokumen, dan anda juga boleh menyimpan fail terus untuk dicetak pada bila-bila masa. Dengan cara ini anda boleh merealisasikan maklumat yang anda perlukan dengan cepat dan mudah dan menyimpannya dalam dokumen kertas. Sama ada di tempat kerja atau dalam kehidupan seharian, iPhone memberikan anda penyelesaian percetakan mudah alih. Siaran berikut akan membantu anda memahami semua yang anda perlu tahu jika anda ingin menggunakan iPhone anda untuk mencetak halaman pada pencetak. Cetak dari iPhone: Tanya Apple
Tidak dapat mencetak daripada alat snipping dalam Windows 11/10
Feb 19, 2024 am 11:39 AM
Jika anda tidak dapat mencetak menggunakan Alat Snipping dalam Windows 11/10, ia mungkin disebabkan oleh fail sistem yang rosak atau isu pemacu. Artikel ini akan memberi anda penyelesaian kepada masalah ini. Tidak boleh mencetak daripada Snipping Tool dalam Windows 11/10 Jika anda tidak boleh mencetak daripada Snipping Tool dalam Windows 11/10, gunakan pembetulan ini: Mulakan semula Pencetak PC Kosongkan baris gilir cetakan Kemas kini pencetak dan pemacu grafik Betulkan atau tetapkan semula Snipping Tool Jalankan SFC dan DISM Scan menggunakan arahan PowerShell untuk menyahpasang dan memasang semula Alat Snipping. mari kita mulakan. 1] Mulakan semula PC dan pencetak anda Memulakan semula PC dan pencetak anda membantu menghapuskan gangguan sementara
Bagaimana untuk menjeda percetakan dalam Windows 11
Feb 19, 2024 am 11:50 AM
Tersilap mencetak fail besar? Perlu menghentikan atau menjeda percetakan untuk menjimatkan dakwat dan kertas? Terdapat banyak situasi di mana anda mungkin perlu menjeda kerja cetakan yang sedang berjalan pada peranti Windows 11 anda. Bagaimana untuk menjeda percetakan dalam Windows 11? Dalam Windows 11, menjeda pencetakan akan menjeda kerja cetakan, tetapi ia tidak akan membatalkan tugas cetakan. Ini memberikan pengguna kawalan yang lebih fleksibel. Terdapat tiga cara untuk melakukan ini: Jeda pencetakan menggunakan bar tugas Menjeda pencetakan menggunakan tetapan Windows Mencetak menggunakan panel kawalan Sekarang, mari lihat ini secara terperinci. 1] Cetak menggunakan bar tugas Klik kanan pemberitahuan baris gilir cetakan pada bar tugas. Klik untuk membuka semua pilihan pencetak yang aktif. Di sini, klik kanan pada kerja cetakan dan pilih Jeda Semua
Cantuman mel perkataan mencetak halaman kosong
Feb 19, 2024 pm 04:51 PM
Jika anda mendapati halaman kosong muncul apabila anda mencetak dokumen gabungan mel menggunakan Word, artikel ini akan membantu anda. Cantuman mel ialah ciri mudah yang membolehkan anda membuat dokumen diperibadikan dengan mudah dan menghantarnya kepada berbilang penerima. Dalam Microsoft Word, ciri gabungan mel dipandang tinggi kerana ia membantu pengguna menjimatkan masa menyalin kandungan yang sama secara manual untuk setiap penerima. Untuk mencetak dokumen gabungan mel, anda boleh pergi ke tab Mel. Tetapi sesetengah pengguna Word telah melaporkan bahawa apabila cuba mencetak dokumen gabungan mel, pencetak mencetak halaman kosong atau tidak mencetak langsung. Ini mungkin disebabkan oleh pemformatan atau tetapan pencetak yang salah. Cuba semak tetapan dokumen dan pencetak dan pastikan anda pratonton dokumen sebelum mencetak untuk memastikan kandungannya betul. jika
Bagaimana untuk mencetak semua lampiran dalam Outlook
Feb 20, 2024 am 10:30 AM
Outlook ialah salah satu pelanggan e-mel yang paling kaya dengan ciri dan telah menjadi alat yang sangat diperlukan untuk komunikasi profesional. Salah satu cabaran ialah mencetak semua lampiran pada masa yang sama dalam Outlook. Biasanya anda perlu memuat turun lampiran satu demi satu sebelum anda boleh mencetaknya, tetapi jika anda ingin mencetak semuanya sekali gus, ini adalah masalah yang dihadapi kebanyakan orang. Cara Mencetak Semua Lampiran dalam Outlook Walaupun kebanyakan maklumat dikekalkan dalam talian dalam aplikasi Outlook, ada kalanya anda perlu mencetak maklumat untuk sandaran. Mesti menandatangani dokumen sendiri untuk memenuhi keperluan undang-undang seperti kontrak, borang kerajaan atau tugasan kerja rumah. Terdapat beberapa kaedah yang membolehkan anda mencetak semua lampiran dalam Outlook dengan satu klik dan bukannya mencetaknya satu demi satu. Mari kita lihat setiap satu secara terperinci. Outloo
WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata
Dec 17, 2023 pm 05:30 PM
WebSocket dan JavaScript: Teknologi utama untuk merealisasikan sistem pemantauan masa nyata Pengenalan: Dengan perkembangan pesat teknologi Internet, sistem pemantauan masa nyata telah digunakan secara meluas dalam pelbagai bidang. Salah satu teknologi utama untuk mencapai pemantauan masa nyata ialah gabungan WebSocket dan JavaScript. Artikel ini akan memperkenalkan aplikasi WebSocket dan JavaScript dalam sistem pemantauan masa nyata, memberikan contoh kod dan menerangkan prinsip pelaksanaannya secara terperinci. 1. Teknologi WebSocket
