JavaScript - Pencetakan Halaman

Sering kali Anda ingin menempatkan tombol pada halaman web Anda untuk mencetak konten halaman web itu melalui printer yang sebenarnya. JavaScript membantu Anda menerapkan fungsionalitas ini menggunakanprint fungsi dari window obyek.

Fungsi cetak JavaScript window.print()mencetak halaman web saat ini saat dijalankan. Anda dapat memanggil fungsi ini secara langsung menggunakanonclick acara seperti yang ditunjukkan pada contoh berikut.

Contoh

Coba contoh berikut.

<html>
   <head>      
      <script type = "text/javascript">
         <!--
         //-->
      </script>
   </head>
   
   <body>      
      <form>
         <input type = "button" value = "Print" onclick = "window.print()" />
      </form>   
   </body>
<html>

Keluaran

Meskipun ini berfungsi untuk mendapatkan hasil cetakan, itu bukan cara yang disarankan. Halaman ramah printer sebenarnya hanya halaman dengan teks, tanpa gambar, grafik, atau iklan.

Anda dapat membuat printer halaman ramah dengan cara berikut -

Buat salinan halaman dan tinggalkan teks dan grafik yang tidak diinginkan, lalu tautkan ke halaman ramah printer dari aslinya. Periksa Contoh .
Jika Anda tidak ingin menyimpan salinan tambahan dari sebuah halaman, maka Anda dapat menandai teks Anda yang dapat dicetak menggunakan komentar yang tepat seperti <! - CETAK MULAI DI SINI -> ..... <! - CETAK BERAKHIR DI SINI -> dan kemudian Anda dapat menggunakan PERL atau skrip lainnya di latar belakang untuk membersihkan teks yang dapat dicetak dan tampilan untuk pencetakan akhir. Kami di Tutorialspoint menggunakan metode ini untuk memberikan fasilitas cetak kepada pengunjung situs kami.

Bagaimana Cara Mencetak Halaman?

Jika Anda tidak menemukan fasilitas di atas pada halaman web, maka Anda dapat menggunakan toolbar standar browser untuk mencetak halaman web. Ikuti tautannya sebagai berikut.

File →  Print → Click OK  button.