Mencetak Halaman HTML Menggunakan Print Window DOM
Properti Page print pada JavaScript merupakan sebuah kode sederhana pada JavaScript yang digunakan untuk mencetak konten pada halaman website. Properti ini pada dasarkan akan mencetak nilai dari window yang sedang digunakan saat ini dengan cara membuka kotak dialog print yang akan memberikan akses pada user untuk memilih berbagai variabel pilihan cetak dokumen.
Sebelum memahami lebih dalam materi tentang Mencetak Halaman HTML Menggunakan Print Window DOM, terlebih dahulu pelajari materi tentang: Membuka dan Menutup Layar HTML window.open dan window.close DOM [klik], Menggerakkan Layar HTML Menggunakan moveTo Window DOM [klik], dan Menggerakkan Layar HTML Menggunakan moveBy Window DOM [klik].
Sintak:
window.print()
Parameter Properti: tidak membutuhkan nilai parameter properti apapun pada operasionalnya.
Return Values: tidak mengembalikan nilai apapun pada pengoperasian propertinya.
Kode Javascript berikut memperlihatkan sebuah tombol print dan akan menampilkan properti dari halaman web pada sebuah sheet yang akan dilakukan pencetakan.
Contoh: Fungsi cetak JavaScript window.print() digunakan untuk menampilkan fungsi cetak pada halaman web.
Pada halaman website lembar cetak tidak hanya terbatas pada dokumen berbasis teks saja, tetapi terdapat beberapa bentuk dokumen lain seperti gambar yang terdiri dari berbagai macam variasi warna yang juga dapat dilakukan pencetakkan.
 |
| Properti print() Window DOM |
Sintak:
window.print()
Parameter Properti: tidak membutuhkan nilai parameter properti apapun pada operasionalnya.
Kode Javascript berikut memperlihatkan sebuah tombol print dan akan menampilkan properti dari halaman web pada sebuah sheet yang akan dilakukan pencetakan.
Baca Juga:
Contoh: Fungsi cetak JavaScript window.print() digunakan untuk menampilkan fungsi cetak pada halaman web.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Window Print() DOM
pada HTML
</title>
</head>
<body>
<h2>
Blog Elfan
</h2>
<form>
<input
type="button"
value="Print"
onclick="window.print()" />
</form>
</body>
<html>
Output:
Blog Elfan
Referensi Tambahan:
- Mengatur Waktu HTML Menggunakan setTimeout dan setInterval Window DOM [klik]
- Menghentikan Layar HTML Menggunakan Stop Window DOM [klik]
- Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM [klik]
- Mengatur Nilai Penyimpanan HTML Menggunakan Storage Length DOM [klik]
- Mendapatkan Item Penyimpanan HTML Menggunakan Storage getItem DOM [klik]
- Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM [klik]
- Menghapus Item Penyimpanan HTML Menggunakan removeItem Storage DOM [klik]
Artikel ini didedikasikan kepada: Nanik Sri Puji Rahmawati, Nathanael Yapanani, Nirossa Lusardi, Nor Eka Adi Suryanto, dan Novia Ramadhani.
Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti window.print() DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.print() DOM pada HTML:
Hapus1. Google Chrome 1 dan versi terbarunya.
2. Internet Explorer 5 dan versi terbarunya.
3. Firefox 1 dan versi terbarunya.
4. Opera 6 dan versi terbarunya.
5. Safari 1.1 dan versi terbarunya.
Apa yang dimaksud dengan method print() DOM pada HTML?
BalasHapusMethod print() merupakan method yang digunakan untuk membuka kotak dialog cetak untuk mencetak dokumen saat ini.
HapusJika dokumen masih dibuat ketika fungsi atau method print() masih dipanggil, maka dokumen akan yang dicetak tersebut akan selesai dimuat sebelum membuka kotak cetak dialog, dimana method ini akan diblokir ketika kotak cetak dialog terbuka.
Hapus