Cara menggunakan metode cetak javascript
Admin akan membagikan artikel Cara Mencetak Halaman Web Sebagian dan Seluruhnya dengan javascript, Setelah sebelumnya admin memposting artikel Mencetak atau Menyimpan Halaman Website ke PDF dengan Java Script, kali ini admin akan membagikan teknik mencetak halaman web dengan kode yang berbeda. , Terkadang dalam membuat sebuah aplikasi dibutuhkan output berupa laporan yang harus dicetak, disini penting untuk mengetahui teknik mencetak halaman web dengan javascript Show
Kode yang digunakan untuk mencetak halaman ini sangat sederhana dan mudah dipahami, jadi. Silakan mencobanya. / menandai posting ini Untuk Demo Silahkan Lihat disini Cara Pertama Mencetak Halaman Web dengan JavascriptDengan cara ini kita cukup menggunakan onClick="window. mencetak(); Kode Contoh
Skrip/Kode untuk mencetak halaman Web penuh dan sebagianCara ini bisa digunakan untuk mencetak sebagian atau seluruh halaman website, silahkan copy paste kode dibawah ini di text editor anda, dan jalankan dengan browser Pada seri tutorial JavaScript sebelumnya, Codekey telah menjelaskan tentang komentar pada JavaScript. Kali ini Codekey akan mengajak Anda untuk mengenal dan menggunakan fungsi Output di JavaScript Tutorial ini akan mengajarkan Anda berbagai cara untuk mengekstrak data, seperti window. peringatan (), dokumen. tulis (), innerHTML, konsol. log(), dan lain-lain Meskipun fungsi utama JavaScript adalah mengubah perilaku browser, teknik keluaran ini banyak digunakan untuk menampilkan data tertentu. Selain itu, Anda akan belajar mengapa ada lebih dari satu metode untuk mencetak dalam JavaScript, di mana dan kapan menggunakannya Beberapa opsi berguna saat Anda mengalami masalah dengan kode Anda. Memahami ini akan membantu Anda men-debug atau menulis ulang skrip Anda dengan lebih nyaman. Jika Anda tertarik, simak artikel berikut ini Daftar isi Keluaran JavaScriptKeluaran dalam JavaScript menentukan cara untuk menampilkan keluaran dari kode tertentu. Output dapat ditampilkan menggunakan empat metode berbeda yang tercantum di bawah ini
Artikel Terkait Tutorial JavaScript 8. Array Javascript, Panduan Lengkap Membuatnya Lakukan Keluaran DataAda lebih dari satu cara untuk menampilkan data dalam JavaScript. Kami sekarang akan meninjau tiga metode yang tersedia dan melihat cuplikan kode berikut untuk setiap metode jendela. peringatan()Metode ini digunakan untuk mencetak dalam JavaScript yang menampilkan data yang diberikan di kotak peringatan. Kotak pop-up kecil dengan tombol tutup muncul, dan menghilang setelah tombol diklik. Metode jendela. peringatan paling baik digunakan untuk pesan informatif singkat dan cepat, yang dapat ditutup secara instan window.alert(7 + 29);_ dokumen. menulis()Metode dokumen. write() digunakan untuk menulis dokumen HTML. Namun perlu diingat bahwa Anda harus berhati-hati dengan metode keluaran JavaScript ini karena dapat menimpa konten dalam dokumen HTML document.write(9 + 21); Pada contoh di bawah ini, document. write() akan menghapus semua HTML yang ada saat tombol diklik, saat dokumen HTML dimuat penuh menghibur. catatan()Anda harus menggunakan metode konsol. log() untuk mencetak ke konsol JavaScript. Fungsi log konsol JavaScript terutama digunakan untuk debugging kode karena membuat keluaran cetak JavaScript ke konsol console.log(3 + 11);_ Untuk membuka konsol browser, klik kanan pada halaman dan pilih Periksa, lalu klik Konsol document.write vs console.log Metode ini berbeda dalam tujuan dan kasus penggunaannya. Namun, metode console.log lebih relevan dengan pengembangan web modern untuk debugging dan logging. Penggunaan document.write tidak disarankan karena fakta bahwa metode tersebut dapat menimpa semua yang ada di elemen Artikel Terkait Tutorial JavaScript 17. Kiat Membuat Munculan Javascript untuk Situs Web Interaktif Memodifikasi Konten HTMLAda tiga opsi untuk mengubah konten elemen HTML tertentu. innerHTML, innerText atau textContent. Saat digunakan untuk tujuan keluaran, fungsinya sangat mirip. Namun, ada perbedaan ketika diterapkan untuk mendapatkan konten HTML. Berikut contoh dan penjelasannya di bawah ini
Lihat berikut ini ouput apa yang akan diberikan masing-masing properti ini saat mendapatkan konten dari elemen di atas. – innerText hanya mengembalikan teks tanpa spasi berlebih atau tag : "Elemen paragraf ini memiliki spasi berlebih dan memiliki elemen rentang di dalamnya. ” – innerHTML mengembalikan teks dengan semua spasi berlebih dan tag : ” This paragraph element has excess spacing and has a span element inside.” – textContent mengembalikan teks dengan semua spasi berlebih, tetapi tanpa tag : Elemen paragraf ini memiliki spasi berlebih dan memiliki elemen rentang di dalamnya. ” innerTextContoh di bawah mencari elemen HTML dengan atribut id = “result”. Properti innerText mendefinisikan konten elemen HTML, sehingga konten elemen dalam HTML akan ditimpa oleh JavaScript dengan konten baru document.getElementById("hasil").innerText = (9 + 20);_ innerHTMLContoh berikut mencari elemen HTML dengan atribut id = “result”. Properti innerHTML mendefinisikan konten HTML. Oleh karena itu, konten elemen dalam HTML akan ditimpa oleh JavaScript dengan konten baru document.getElementById("hasil").innerHTML = (1 + 24);_ teksKontenContoh terakhir menemukan elemen HTML dengan atribut id = “result”. Dalam hal ini, properti textContent mendefinisikan konten dari node tertentu. Akibatnya, konten suatu elemen di HTML akan digantikan oleh JavaScript dengan konten baru document.getElementById("hasil").textContent = (5 + 43); Itulah penjelasan tentang Output JavaScript yang harus Anda ketahui. Beberapa hal yang harus Anda ingat tentang Keluaran JavaScript
3. Anda harus mempraktikkan semuanya dan belajar menggunakannya dengan benar untuk men-debug kode Anda dengan lebih baik Jika Anda tertarik untuk mempelajari JavaScript lebih lanjut atau mempelajari bahasa pemrograman lain, kami menyarankan Anda untuk membaca dan belajar dari artikel Codekey Apa itu metode dalam JavaScript?Metode — metode ini digunakan untuk manipulasi array, seperti menambahkan item baru, menghapus, dan seterusnya .
Bagaimana cara membuat fungsi dalam JavaScript?untuk membuat fungsi , penulisan harus didahului dengan sintaks " fungsi " lalu lanjutkan dengan nama fungsi yang ingin Anda buat . dan isi fungsi ditulis dalam kurung kurawal buka “{” dan kurung kurawal tutup “}”.
Apa itu keluaran JavaScript?Output adalah tampilan program yang biasanya digunakan untuk menampilkan hasil akhir . Outputnya biasanya ditampilkan dalam bentuk teks dengan fungsi print().
Apa fungsi penulisan dokumen?Fungsi dokumen . write () untuk menulis output ke dokumen HTML; . |