Bisakah saya menggunakan javascript di browser?

Semua browser modern hadir dengan dukungan bawaan untuk JavaScript. Seringkali, Anda mungkin perlu mengaktifkan atau menonaktifkan dukungan ini secara manual. Bab ini menjelaskan prosedur mengaktifkan dan menonaktifkan dukungan JavaScript di browser Anda. Internet Explorer, Firefox, chrome, dan Opera

JavaScript di Internet Explorer

Berikut adalah langkah-langkah sederhana untuk menghidupkan atau mematikan JavaScript di Internet Explorer Anda −

• Ikuti Alat → Opsi Internet dari menu

• Pilih tab Keamanan dari kotak dialog

• Klik tombol Tingkat Kustom

• Gulir ke bawah hingga Anda menemukan opsi Scripting

• Pilih Aktifkan tombol radio di bawah Skrip aktif

• Terakhir klik OK dan keluar

Untuk menonaktifkan dukungan JavaScript di Internet Explorer, Anda harus memilih Nonaktifkan tombol radio di bawah Skrip aktif

JavaScript di Firefox

Berikut adalah langkah-langkah untuk mengaktifkan atau menonaktifkan JavaScript di Firefox −

• Buka tab baru → ketik tentang. konfigurasi di bilah alamat

• Kemudian Anda akan menemukan dialog peringatan. Pilih Saya akan berhati-hati, saya janji

• Kemudian Anda akan menemukan daftar opsi konfigurasi di browser

• Di bilah pencarian, ketikkan javascript. diaktifkan

• Di sana Anda akan menemukan opsi untuk mengaktifkan atau menonaktifkan javascript dengan mengklik kanan pada nilai opsi itu → pilih toggle

Jika javascript. diaktifkan benar; . Jika javascript dinonaktifkan;

JavaScript di Chrome

Berikut adalah langkah-langkah untuk mengaktifkan atau menonaktifkan JavaScript di Chrome −

• Klik menu Chrome di pojok kanan atas browser Anda

• Pilih Pengaturan

• Klik Tampilkan pengaturan lanjutan di akhir halaman

• Di bawah bagian Privasi, klik tombol Setelan konten

• Di bagian "Javascript", pilih "Jangan izinkan situs apa pun menjalankan JavaScript" atau "Izinkan semua situs menjalankan JavaScript (disarankan)"

JavaScript di Opera

Berikut adalah langkah-langkah untuk mengaktifkan atau menonaktifkan JavaScript di Opera−

• Ikuti Alat → Preferensi dari menu

• Pilih opsi Tingkat Lanjut dari kotak dialog

• Pilih Konten dari item yang terdaftar

• Pilih kotak centang Aktifkan JavaScript

• Terakhir klik OK dan keluar

Untuk menonaktifkan dukungan JavaScript di Opera Anda, Anda tidak boleh mencentang kotak Aktifkan JavaScript

Peringatan untuk Browser Non-JavaScript

Jika Anda harus melakukan sesuatu yang penting menggunakan JavaScript, Anda dapat menampilkan pesan peringatan kepada pengguna menggunakan tag

Sekarang saatnya mengotori tangan Anda. Artikel ini memberikan pengantar dasar untuk pengkodean dengan JavaScript

Perkenalan

Dalam artikel Kurikulum Standar Web ini, kami akan membahas dasar-dasar JavaScript — bagaimana dan di mana menggunakannya, masalah apa yang harus dihindari, dan dasar-dasar umum untuk memulai perjalanan Anda menuju menjadi pengembang JavaScript terkemuka

Apa itu JavaScript dan bagaimana Anda menjalankannya?

JavaScript adalah bahasa berbasis teks yang tidak memerlukan konversi apa pun sebelum dieksekusi. Bahasa lain seperti tetapi JavaScript dijalankan secara instan oleh jenis program yang menginterpretasikan kode yang disebut parser (hampir semua browser web berisi parser JavaScript)

Untuk mengeksekusi JavaScript di browser, Anda memiliki dua opsi — memasukkannya ke dalam elemen script di mana pun di dalam dokumen HTML, atau memasukkannya ke dalam file JavaScript eksternal (dengan. js) dan kemudian mereferensikan file tersebut di dalam dokumen HTML menggunakan elemen script kosong dengan atribut

JavaScript tidak harus tetap berada di dalam browser. Untuk menjalankan JavaScript di lingkungan konsol, silakan periksa Mozilla Rhino; . js

Termasuk JavaScript Anda di dalam dokumen HTML Anda

Penyertaan paling dasar JavaScript di dalam halaman HTML Anda akan terlihat seperti ini

Anda dapat meletakkan ini di mana saja di dalam dokumen Anda dan itu akan dijalankan, tetapi beberapa tempat pasti lebih baik daripada yang lain — lihat bagian untuk panduan tentang ini

Karena mungkin ada beberapa jenis skrip berbeda yang tersedia untuk digunakan di halaman web di masa mendatang, masuk akal untuk menambahkan nama skrip yang Anda gunakan sebagai tipe MIME

Catatan. Anda akan menemukan contoh skrip di web yang memiliki atribut

Di masa lalu, JavaScript perlu dikomentari dengan komentar HTML untuk mencegah browser menampilkan kode sebagai HTML. Karena ini hanya berlaku untuk browser yang sangat lama, Anda tidak perlu repot dengan itu lagi. Namun, jika Anda menggunakan XHTML yang ketat sebagai DOCTYPE Anda, Anda perlu menyertakan JavaScript apa pun dalam blok CDATA untuk memvalidasinya (jangan khawatir tentang alasannya - ini tidak terlalu penting pada tahap pembelajaran Anda ini)

Namun, untuk dokumen XHTML yang ketat, jauh lebih masuk akal untuk tidak menyematkan JavaScript apa pun melainkan menyimpannya di dokumen eksternal

Menautkan ke file JavaScript eksternal

Untuk menautkan ke JavaScript eksternal (baik di server yang sama atau di mana saja di internet), yang harus Anda lakukan adalah menambahkan atribut

Setelah memenuhi elemen ini di halaman, browser kemudian akan memuat file

Menyimpan kode Anda dalam file JavaScript eksternal sangat masuk akal

• Anda dapat menerapkan fungsionalitas JavaScript yang sama ke beberapa dokumen HTML dan tetap menjaga pemeliharaannya tetap mudah. jika ada perubahan fungsionalitas yang diinginkan, yang perlu Anda lakukan hanyalah mengubah satu file
• JavaScript Anda akan di-cache oleh browser. Caching berarti browser akan mengambil salinan JavaScript Anda dan menyimpannya di komputer pengunjung yang menjelajahi situs Anda. Lain kali pengguna ini memuat skrip yang sama, itu tidak akan diambil dari server Anda tetapi dari komputer mereka sendiri — sehingga memuat lebih cepat
• Anda dapat dengan mudah menemukan skrip Anda jika perlu memodifikasinya, menghindari kebutuhan untuk memindai dokumen HTML yang panjang untuk menemukan tempat untuk memperbaiki masalah
• Memperbaiki kesalahan menjadi lebih mudah karena alat debug atau konsol kesalahan akan memberi tahu Anda file mana yang berisi kesalahan dan melaporkan nomor baris dengan andal

Anda dapat menambahkan file JavaScript sebanyak yang Anda inginkan ke dokumen, tetapi ada beberapa pertimbangan yang harus dilakukan sebelum mengambil rute itu

JavaScript dan performa browser

Memotong banyak JavaScript menjadi file yang berbeda, masing-masing berurusan dengan satu tugas pada satu waktu, adalah ide bagus untuk menjaga fungsionalitas Anda tetap mudah dipelihara dan memungkinkan perbaikan bug dengan cepat. Misalnya, Anda dapat memiliki beberapa blok skrip seperti ini

Namun, manfaat pengembangan ini berkurang karena pengaruhnya terhadap kinerja dokumen Anda. Ini sedikit berbeda dari browser ke browser tetapi skenario terburuk (yang sayangnya masih merupakan browser kedua yang paling banyak digunakan) melakukan hal berikut

• Setiap kali browser menemukan elemen script, browser akan menjeda rendering (menampilkan) dokumen
• Ini kemudian akan memuat file JavaScript yang ditentukan dalam atribut
  1 (jika Anda menggunakan skrip di server lain, Anda juga harus menunggu hingga browser menemukan server itu)
• Itu kemudian akan mengeksekusi skrip sebelum melanjutkan untuk mengakses yang berikutnya

Semua ini berarti tampilan situs web Anda diperlambat hingga semua langkah ini dilakukan untuk semua skrip yang Anda sertakan. Ini bisa mengganggu pengunjung Anda

Salah satu cara mengatasinya adalah dengan menggunakan skrip backend untuk membuat satu file dari semua file yang Anda gunakan. Dengan cara itu Anda mendapatkan keuntungan menjaga perawatan tetap mudah sekaligus mengurangi penundaan tampilan halaman web Anda. Ada beberapa skrip seperti ini di web — salah satunya ditulis dalam PHP dan tersedia dari Ed Eliot

Keterlambatan tampilan juga menentukan di mana Anda ingin meletakkan JavaScript Anda di dokumen

Tempat meletakkan JavaScript

Secara teknis Anda dapat meletakkan JavaScript di mana saja di dokumen Anda. Keputusan yang harus Anda buat adalah mempertimbangkan kinerja untuk mempermudah pengembang menemukan skrip Anda dan memastikan bahwa peningkatan JavaScript Anda segera berfungsi untuk pengunjung Anda

Praktik terbaik klasik untuk menempatkan skrip ada di

Ini bermanfaat sebagai lokasi skrip yang dapat diprediksi — pengembang tahu di mana menemukannya. Ini juga bermanfaat untuk memastikan bahwa semua JavaScript telah dimuat dan dijalankan sebelum dokumen ditampilkan

Kelemahannya adalah skrip Anda menunda tampilan dokumen dan skrip tidak memiliki akses ke HTML dalam dokumen. Oleh karena itu, Anda perlu menunda eksekusi skrip apa pun yang mengubah HTML dokumen hingga dokumen selesai dimuat. Hal ini dapat dilakukan dengan onload handler atau salah satu dari berbagai solusi DOMready atau contentAvailable di luar sana di web — tidak ada yang tahan peluru dan sebagian besar bergantung pada peretasan khusus browser

Pakar performa sudah mulai menganjurkan menempatkan JavaScript Anda di akhir

Ini menguntungkan JavaScript Anda dengan tidak menunda tampilan HTML dan juga berarti bahwa setiap HTML yang ingin Anda ubah dengan JavaScript sudah tersedia

Anda mungkin membingungkan pengembang yang memelihara kode Anda karena praktik ini belum umum. Kelemahan lain — yang lebih bermasalah — adalah bahwa HTML tersedia sebelum JavaScript Anda dimuat. Meskipun inilah yang ingin Anda capai, itu juga berarti bahwa pengunjung akan mulai berinteraksi dengan antarmuka Anda sebelum Anda mendapat kesempatan untuk mengubahnya. Katakanlah misalnya Anda ingin memvalidasi formulir dengan JavaScript sebelum dikirimkan ke server - formulir mungkin dikirimkan sebelum skrip dimuat. Jika Anda menulis skrip Anda hanya sebagai peningkatan (alih-alih mengandalkannya), itu bukan masalah - hanya gangguan

Terserah Anda untuk memilih yang sesuai dengan tujuan situs web Anda;

Apa pun yang Anda lakukan, pastikan urutan skrip Anda benar, karena browser akan memuat dan menguraikannya satu demi satu. Ini juga membawa kita ke hal lain yang perlu dipertimbangkan saat menggunakan JavaScript

Keamanan JavaScript dan kekurangannya

Kami tidak bisa cukup menekankan hal ini. JavaScript adalah bahasa yang luar biasa dan dapat membantu Anda membangun situs web dan aplikasi yang sangat responsif dan indah interaktif, tetapi kelemahannya adalah keamanan. Singkatnya, tidak ada model keamanan dalam JavaScript dan Anda tidak boleh melindungi, mengenkripsi, mengamankan, atau menyimpan apa pun yang vital atau rahasia dengannya.

Setiap skrip di halaman memiliki hak yang sama — semuanya dapat saling mengakses, membacakan variabel, mengakses fungsi, dan juga saling menimpa. Jika Anda memiliki fungsi bernama

Semua ini tidak akan menjadi masalah jika Anda tidak pernah menggunakan skrip orang lain. Namun, karena sebagian besar periklanan online dan pelacakan statistik dilakukan dengan JavaScript, hal ini tidak akan terjadi — Anda akan selalu menggunakan skrip pihak ketiga

Skrip juga dapat membaca cookie; . Terakhir, JavaScript dapat dengan mudah dimatikan sehingga Anda dapat melupakan perlindungan JavaScript sebagai langkah keamanan yang baik

JavaScript selalu tersedia untuk dibaca dan dianalisis oleh pengembang lain. Tentu saja Anda dapat mengemas (menghapus semua spasi putih yang tidak perlu) dan mengaburkan (menggunakan variabel acak dan nama fungsi) skrip Anda, tetapi bahkan itu dapat direkayasa ulang; . Ketersediaan kode sumber dan kemampuan untuk membaca dan menganalisisnya kemungkinan merupakan faktor utama keberhasilan JavaScript - selama bertahun-tahun kami belajar dengan mengintip solusi orang lain. Saat ini untungnya sudah berakhir karena ada banyak buku dan tutorial bagus yang tersedia

Sementara pengepakan dan penyamaran tidak berguna sebagai tindakan keamanan, hal itu sering dilakukan pada skrip berukuran sedang dan besar sebelum kode ditayangkan di web sebagai bagian dari proses publikasi. Ini membantu mengurangi jumlah bandwidth yang diperlukan untuk melayani situs kepada penggunanya. Menyimpan beberapa byte di sana-sini mungkin tidak terlihat signifikan di blog Anda tentang anak kucing, tetapi ini dapat menambah penghematan besar-besaran saat Anda berurusan dengan situs dengan angka penggunaan seperti yang ada di google. com

Teknik yang harus dihindari

Masalah terbesar dalam mempelajari JavaScript adalah banyaknya informasi usang dan mungkin berbahaya di luar sana. Ini sangat membuat frustrasi karena banyak dari informasi ini disajikan dengan sangat baik dan memberi banyak pemula perasaan "menang cepat" untuk mengetahui JavaScript dengan menyalin dan menempelkan beberapa kode yang sudah jadi

Karena lingkungan yang diterapkan JavaScript sangat tidak diketahui (pengguna dapat memiliki pengaturan apa pun) dan kami tidak tahu keputusan apa yang menyebabkan kode yang kami temukan di web dibuat dengan cara tertentu, kami tidak boleh menunjukkan solusi. Namun, ide-ide berikut adalah sesuatu dari masa lalu dan Anda hanya boleh menggunakannya sebagai upaya terakhir jika Anda membutuhkannya untuk mendukung browser yang sangat tua dan buruk.

Bisakah Anda menjalankan JavaScript di browser?

Apakah ada browser yang masih mendukung JavaScript?