Pada beberapa tutorial sebelumnya telah kita bahas Cara Menjalankan Kode Program JavaScript,. Sekarang akan dilanjutkan dengan metode atau Cara Memasukkan Kode JavaScript ke dalam file HTML Show
Cara memasukkan kode JavaScript ke dalam file HTMLJavaScript termasuk jenis bahasa skrip yang dimasukkan ke dalam file HTML. Untuk memasukkan atau menyisipkan kode JavaScript ke dalam HTML, ada 4 cara
Kami akan membahas keempat metode ini secara lebih rinci Pemahaman Internal JavaScriptCara pertama untuk menginput kode JavaScript ke dalam file HTML adalah dengan Internal JavaScript. Disebut sebagai ‘internal’ karena kode JavaScript itu ditulis pada halaman yang sama dengan kode HTML, atau di dalam satu file HTML. Kode JavaScript di input menggunakan tag seperti berikut: <script> //kode javascript diletakkan disini </script> Tag alert() adalah perintah khusus untuk menampilkan kotak informasi. Fungsi ini sering digunakan dalam proses pembuatan kode JavaScript hanya untuk menampilkan output sederhana. Teks informasi ditulis di antara tanda kurung dan dalam tanda kutip Simpan file di atas dengan nama apa saja asalkan berekstensi. html, misalnya index. html, lalu akses di browser web  Akibatnya, jendela peringatan akan muncul yang berisi teks "Hello World". Berikut adalah contoh dari internal JavaScript Dalam beberapa tutorial JavaScript lama, Anda juga dapat menemukan atribut tambahan <!DOCTYPE html>
<html lang="id">
<head>
<title>Belajar JavaScript di Duniailkom</title>
<script>
alert("Hello World!!");
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p>Saya sedang belajar JavaScript di duniailkom.com</p>
<p>Belajar Web Programming di Duniailkom.</p>
</body>
</html>1 seperti contoh berikut<script type="text/javascript"> //kode javascript diletakkan disini </script>_ Dahulu, atribut <!DOCTYPE html>
<html lang="id">
<head>
<title>Belajar JavaScript di Duniailkom</title>
<script>
alert("Hello World!!");
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p>Saya sedang belajar JavaScript di duniailkom.com</p>
<p>Belajar Web Programming di Duniailkom.</p>
</body>
</html>_1 digunakan untuk membedakan JavaScript dari bahasa skrip lain seperti VBScript atau JScript. Namun karena VBScript dan JScript sudah punah, hampir semua web browser modern menjadikan JavaScript sebagai bahasa default. Oleh karena itu menulis <!DOCTYPE html>
<html lang="id">
<head>
<title>Belajar JavaScript di Duniailkom</title>
<script>
alert("Hello World!!");
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p>Saya sedang belajar JavaScript di duniailkom.com</p>
<p>Belajar Web Programming di Duniailkom.</p>
</body>
</html>_1 tidak lagi diperlukanSelain itu, terkadang ada juga orang yang menuliskan atribut bahasa sebagai pengganti atribut tipe, seperti pada contoh berikut <script language="text/javascript"> //kode javascript diletakkan disini </script> Atribut bahasa dianggap usang (deprecated) dan disarankan untuk tidak digunakan lagi Arti JavaScript EksternalCara menginput kode JavaScript ke dalam file HTML yang kedua adalah dengan memindahkan kode JavaScript ke dalam file terpisah, kemudian diakses dari file HTML tersebut. Karena file JavaScript ini berada di luar file HTML, maka disebut juga JavaScript eksternal. Metode ini lebih direkomendasikan untuk kode JavaScript yang panjang, dan digunakan oleh banyak halaman File JavaScript external disimpan dalam ekstensi .js, seperti: kode.js, register.js, atau kodeku.js. Dari halaman HTML, kita memanggilnya menggunakan juga dengan tag . Di antara tag ini, tidak bisa ditulis kode internal JavaScript lain, tapi harus dipisah ke dalam tag tersendiri: <script src="kode_javascript.js">Tidak boleh ada kode lagi disini</script>_ Sebagai contoh praktis, saya akan memindahkan perintah peringatan ("Hello World. ”) ke dalam file terpisah. Silahkan buat file baru dengan nama kode_javascript. js, lalu isi perintah berikut alert("Hello World!!")Ya, hanya 1 baris itu saja, dan pastikan untuk menyimpannya di folder yang sama dengan kode HTML. Dalam HTML, kita akan memanggil file JavaScript dengan kode berikut <!DOCTYPE html> <html lang="id"> <head> <title>Belajar JavaScript di Duniailkom</title> <script src="kode_javascript.js"></script> </head> <body> <h1>Belajar JavaScript</h1> <p>Saya sedang belajar JavaScript di duniailkom.com</p> <p>Belajar Web Programming di Duniailkom.</p> </body> </html> Pada kode ini, perintah untuk memanggil file kode_javascript. js ada di baris 5. Alhasil, saat dijalankan, jendela peringatan akan langsung muncul seperti contoh di JavaScript internal Alamat file JavaScript eksternal dapat berupa alamat relatif seperti contoh di atas, atau dapat berupa alamat absolut seperti <!DOCTYPE html>
<html lang="id">
<head>
<title>Belajar JavaScript di Duniailkom</title>
<script>
alert("Hello World!!");
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p>Saya sedang belajar JavaScript di duniailkom.com</p>
<p>Belajar Web Programming di Duniailkom.</p>
</body>
</html>4. Urutan penulisan alamat ini sama dengan atribut src pada HTML. Lebih lanjut tentang perbedaan antara alamat relatif dan absolut dapat ditemukan di Tutorial HTML tentang cara membuat tautan HTMLPenamaan file JavaScript dengan akhiran .js sebenarnya juga sebuah kesepakatan. Meskipun tidak umum, web browser tetap mengizinkan kita membuat akhiran atau extension lain seperti: kode_javascript.aku, atau kode_javascript.duniailkom, selama pemanggilan tag Memahami Protokol JavaScriptCara terakhir yang juga sangat jarang digunakan adalah dengan memasukkan kode JavaScript ke alamat href tag HTML. Metode ini juga disebut Protokol JavaScript. Disebut demikian, karena kita mengubah alamat link dari yang biasa menggunakan protokol http// menjadi javascript Berikut adalah contoh penggunaannya <!DOCTYPE html>
<html lang="id">
<head>
<title>Belajar JavaScript di Duniailkom</title>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p>Saya sedang belajar JavaScript di duniailkom.com</p>
<p>Belajar Web Programming di Duniailkom.</p>
<a href="javascript:alert('Hello World!!')">Hallo Dunia...</a>
</body>
</html>Jika anda menjalankan kode diatas dan men-klik link Hallo Dunia… akan tampil alert Hello World!!. Jendela ini berasal dari kode JavaScript di tag pada baris 10: Cara menjalankan JavaScript ini sudah ada sejak awal JavaScript dan sebagian besar telah ditinggalkan Jadi Metode Apa Yang Harus Anda Gunakan?Selain protokol JavaScript, tiga metode input JavaScript lainnya tidak menjadi masalah jika Anda ingin menggunakannya, yaitu internal, eksternal, dan inline. Pilihannya lebih kepada situasi yang dihadapi
Catatan. Di masa lalu, JavaScript sebaris banyak dikritik karena menggabungkan kode JS dan HTML. Namun, konsep ini bahkan banyak digunakan oleh library/framework seperti React atau Vue Berkaitan dengan cara menginput kode JavaScript ke dalam halaman HTML, sebenarnya masih ada masalah yang harus dibahas, apalagi jika kita menggunakan JavaScript internal dan eksternal. Masalahnya adalah, di mana tag <!DOCTYPE html>
<html lang="id">
<head>
<title>Belajar JavaScript di Duniailkom</title>
<script>
alert("Hello World!!");
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p>Saya sedang belajar JavaScript di duniailkom.com</p>
<p>Belajar Web Programming di Duniailkom.</p>
</body>
</html>_7 harus ditempatkan? Saat ini di Duniailkom tersedia eBook / Uncover buku JavaScript. Dengan total lebih dari 650 halaman A4, materi dalam buku ini jauh lebih banyak dari tutorial yang ada di website Duniailkom. Penjelasan lebih lanjut bisa ke. Pengungkapan JavaScript – Panduan Pembelajaran JavaScript Bagaimana JavaScript berjalan?Javascript cenderung sangat cepat karena dijalankan langsung di browser . Selain itu, sebagian besar browser utama mendukung kompilasi JIT (Just In Time), yang berarti tidak perlu mengompilasi kode sebelum menjalankannya.
Aplikasi apa yang menggunakan JavaScript?Namun, sebelumnya Anda membutuhkan beberapa aplikasi berikut untuk mendukung Anda mempelajari Javascript. Browser web (Google Chrome, Firefox, atau lainnya). Editor teks (Atom, Notepad, atau lainnya). Web server, untuk menjalankan kode pemrograman .
Bagaimana cara menggunakan JavaScript dalam HTML?Anda dapat langsung menambahkan JavaScript di HTML dengan menggunakan tag yang menyertakan semua kode JS yang Anda tulis yang menyertakan semua kode JS yang Anda tulis . Kode JS yang dapat ditambahkan. antara tag
Untuk apa JavaScript digunakan?JavaScript adalah bahasa pemrograman yang digunakan oleh developer untuk membuat halaman web interaktif . |
Cara menggunakan bahasa javascript
Pos Terkait
Copyright © 2024 apacode Inc.
