Video: Web Programming - Computer Science for Business Leaders 2016 2024
Oleh John Paul Mueller
JavaScript menggunakan objek secara ekstensif. Mengetahui objek mana yang akan digunakan dan kapan bagian penting bekerja dengan JavaScript. Dengan mengetahui Browser, Core Document Object Model (DOM), dan objek HTML DOM, Anda dapat membangun sebagian besar aplikasi standar (dan banyak aplikasi sederhana). Ini adalah objek JavaScript yang paling umum digunakan, jadi jaga agar tetap berada di ujung jari Anda.
Cara Menggunakan Objek Browser JavaScript untuk Mengelola Lingkungan Aplikasi
Objek browser JavaScript memungkinkan untuk menemukan dan mengubah lingkungan aplikasi. Dengan mengetahui kemana pengguna telah pergi, tempat pengguna sekarang, dan di mana Anda dapat mengambil pengguna, Anda dapat mengontrol arus aplikasi secara efektif. Tentu saja, penting untuk mengetahui ukuran layar yang dimiliki pengguna sehingga Anda dapat menyajikan data dengan cara yang mencerminkan fisik perangkat pengguna.
Tabel berikut menjelaskan beberapa pilihan browser JavaScript yang lebih menarik.
| Objek | Deskripsi |
|---|---|
| history | Menyediakan sarana untuk memeriksa dan memindahkan antara URL yang tersimpan
dalam riwayat browser. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / obj_history asp. |
| lokasi | Berisi informasi tentang URL saat ini. Objek ini juga
menyediakan sarana untuk melakukan tugas seperti memuat halaman baru atau memuat ulang halaman ini. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / obj_location. asp. |
| navigator | Berisi informasi tentang browser saat ini. Misalnya,
Anda dapat menentukan jenis browser dan apakah browser telah mengaktifkan cookies . Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / obj_navigator asp. |
| layar | Menentukan karakteristik fisik perangkat yang digunakan untuk
menampilkan halaman, termasuk tinggi halaman, lebar, dan kedalaman warna. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / obj_screen asp. |
| window | Menyediakan akses ke jendela browser sehingga Anda dapat
melakukan tugas seperti menampilkan kotak pesan. Saat bekerja dengan halaman yang berisi bingkai, browser akan membuat sebuah jendela untuk seluruh dokumen HTML dan jendela lain untuk setiap frame.Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / obj_window asp. |
Cara Menggunakan Objek DOM Inti untuk Mengelola Konten Aplikasi
Tujuan dari setiap aplikasi JavaScript adalah mengatur konten. Ini berarti menambahkan, menghapus, dan mengedit dokumen HTML yang menyimpan berbagai elemen yang menyusun dan mendukung konten. Objek ini menyediakan akses ke semua detail dokumen yang berkaitan dengan konten.
| Objek | Deskripsi |
|---|---|
| Attr | Menyediakan akses ke atribut individu di dalam dokumen.
Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_attr. asp. |
| document | Menyediakan akses ke keseluruhan dokumen. Anda dapat menggunakan objek ini
untuk mengakses bagian dokumen apa pun. Selain itu, objek ini memungkinkan menampilkan informasi secara langsung pada halaman dan melakukan tugas lainnya yang terkait dengan antarmuka pengguna. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_core_document asp. |
| Elemen | Berisi elemen dokumen individual dari jenis yang didukung
sebagai XML. Objek ini memberikan akses ke atribut melalui objek Attr dan properti melalui objek Node. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_element. asp. |
| Events | Mendukung akses ke acara yang ada dan pembuatan yang baru.
Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_event. asp. |
| HTMLElement | Berisi elemen dokumen HTML individual, seperti
paragraf atau kontrol. Gunakan elemen Elemen dan Node untuk mendapatkan akses ke atribut dan properti elemen . Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_all asp. |
| Node | Mendefinisikan keterangan simpul tertentu, yang dapat mencakup
dokumen secara keseluruhan, elemen dalam dokumen, dan atribut yang diberikan sebagai bagian dari elemen, teks, dan komentar. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_node asp. |
| NodeFilter | Menentukan node mana yang muncul sebagai bagian dari NodeIterator yang digunakan untuk melintasi daftar node
di dalam dokumen. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di // developer. mozilla org / en-US / docs / DOM / NodeFilter. |
| NodeIterator | Menyediakan metode untuk mendapatkan daftar nodus dalam dokumen
. Melacak daftar nodus dapat membantu menemukan nodus yang spesifik dan berinteraksi dengan mereka. Misalnya, Anda mungkin menemukan semua nodus tag dan menambahkan atribut khusus kepada mereka. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di // developer.mozilla org / en-US / docs / DOM / NodeIterator. |
| NodeList | Berisi daftar terurut semua simpul di dalam dokumen
atau di area dokumen tertentu. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_nodelist asp. NamedNodeMap |
| Berisi daftar unordered dari semua node dalam dokumen | atau di area dokumen tertentu. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di
www. w3schools. com / jsref / dom_obj_namednodemap. asp. Cara Menggunakan Objek DOM HTML untuk Mengelola Struktur Mengelola informasi yang dilihat pengguna pada layar menjadi presentasi kohesif menggunakan JavaScript itu penting. Pengguna harus melihat struktur dokumen HTML, namun strukturnya harus mendukung konten - seharusnya tidak memberi perhatian pada dirinya sendiri. Saat bekerja dengan sebuah halaman, struktur mencakup segala hal mulai dari tabel hingga kontrol yang digunakan untuk berinteraksi dengan dan mengelola konten yang paling diminati oleh pengguna. Objek HTML DOM berikut membantu Anda melakukan tugas ini saat bekerja dengan JavaScript. |
Objek
Deskripsi
| Dokumen | Menyediakan akses ke semua elemen dari keseluruhan halaman. Setiap halaman |
|---|---|
| dimuat ke browser menjadi objek Dokumen yang Anda akses menggunakan kata kunci dokumen. Anda bisa melihat daftar lengkap | metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_document asp.
Event Memungkinkan interaksi dengan penangan acara dan event |
| yang terkait dengan sebuah halaman. Setiap jenis elemen memiliki aktivitas spesifik | yang terkait dengannya, seperti acara klik yang terkait dengan objek Tombol
. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_event. asp. HTMLElement Menyediakan kelas dasar dari semua elemen HTML diturunkan. Kelas dasar ini mendefinisikan properti dan metode yang disediakan oleh elemen HTML |
| . Anda dapat melihat daftar lengkap metode dan properti | yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_all asp.
Jangkar Merupakan hyperlink HTML. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_anchor asp. |
| Area | Mendefinisikan area dalam peta gambar HTML yang digunakan untuk membuat
area yang dapat diklik untuk elemen grafis. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di |
| www. w3schools. com / jsref / dom_obj_area. asp. | Base
Menentukan alamat default atau target default untuk semua tautan pada halaman. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_base asp. |
| Body | Merupakan tag
bagian dari sebuah halaman, termasuk semua elemen yang ada di dalam tag itu. Anda dapat melihat daftar lengkap metode dan properti |
| yang terkait dengan objek ini di www.w3schools. com / jsref / dom_obj_body. asp. | Tombol
Merupakan tombol pada halaman. Objek ini khusus terkait dengan tag, daripada bentuk tag |
| . Anda dapat melihat daftar lengkap metode dan properti | yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_pushbutton. asp.
Formulir Merupakan bentuk dan mencakup semua elemen dalam bentuk itu. Anda dapat melihat daftar lengkap metode dan properti yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_form asp. |
| Bingkai dan IFrame | Mewakili bingkai (tag) atau bingkai sebaris (tag) dan semua elemen dalam |
| tag itu. Anda dapat melihat daftar lengkap metode dan properti | yang terkait dengan objek ini di www. w3schools. com / jsref / dom_obj_frame asp.
Frameset |