Video: Web Development - Computer Science for Business Leaders 2016 2024
Oleh John Paul Mueller
JavaScript menggunakan objek secara meluas. Mengetahui objek yang digunakan dan bila bahagian penting bekerja dengan JavaScript. Dengan mengetahui Penyemak Imbas, Model Objek Dokumen Teras (DOM), dan objek HTML DOM, anda boleh membina sebahagian besar dari sebarang aplikasi standard (dan banyak aplikasi mudah). Ini adalah objek JavaScript yang paling biasa digunakan, jadi simpannya di hujung jari anda.
Bagaimana Menggunakan Objek Pelayar JavaScript untuk Mengurus Alam Sekitar Aplikasi
Objek penyemak imbas JavaScript membolehkan anda menemui dan mengubah persekitaran aplikasi. Dengan mengetahui di mana pengguna telah pergi, di mana pengguna kini, dan di mana anda boleh mengambil pengguna, anda boleh mengawal aliran permohonan dengan berkesan. Sudah tentu, penting untuk mengetahui saiz skrin pengguna yang ada supaya anda dapat membentangkan data dengan cara yang mencerminkan sifat fizikal peranti pengguna.
Butiran jadual berikut beberapa pilihan penyemak imbas JavaScript yang lebih menarik.
| Objek | Deskripsi |
|---|---|
| sejarah | Menyediakan cara untuk memeriksa dan mengalihkan antara URL yang disimpan
dalam sejarah penyemak imbas. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / obj_history. asp. |
| lokasi | Mengandungi maklumat tentang URL semasa. Objek ini juga
menyediakan cara untuk melakukan tugas seperti memuat halaman baru atau memuatkan semula halaman saat ini. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / obj_location. asp. |
| navigator | Mengandungi maklumat tentang pelayar semasa. Contohnya,
anda boleh menentukan jenis penyemak imbas dan sama ada penyemak imbas mempunyai kuki diaktifkan. Anda boleh melihat senarai lengkap kaedah dan sifat yang dikaitkan dengan objek ini di www. w3schools. com / jsref / obj_navigator. asp. |
| skrin | Menentukan ciri-ciri fizikal peranti yang digunakan untuk
memaparkan halaman, termasuk ketinggian halaman, lebar, dan kedalaman warna. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / obj_screen. asp. |
| tetingkap | Menyediakan akses ke tetingkap penyemak imbas supaya anda boleh
melaksanakan tugas seperti memaparkan kotak mesej. Apabila bekerja dengan halaman yang mengandungi bingkai, penyemak imbas mewujudkan tetingkap untuk keseluruhan dokumen HTML dan satu lagi tetingkap untuk setiap bingkai.Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / obj_window. asp. |
Bagaimana Menggunakan Objek Dom Core untuk Mengurus Kandungan Aplikasi
Matlamat mana-mana aplikasi JavaScript adalah untuk menguruskan kandungan. Ini bermakna menambah, memadam, dan mengedit dokumen HTML yang memegang pelbagai unsur yang menyusun dan menyokong kandungan. Objek ini memberikan akses kepada semua butiran dokumen berkenaan dengan kandungan.
| Objek | Deskripsi |
|---|---|
| Attr | Menyediakan akses kepada atribut individu dalam dokumen.
Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_attr. asp. |
| dokumen | Menyediakan akses ke seluruh dokumen. Anda boleh menggunakan objek ini
untuk mengakses mana-mana bahagian dokumen. Di samping itu, objek ini membolehkan anda memaparkan maklumat secara langsung pada halaman dan melaksanakan tugas lain yang berkaitan dengan antara muka pengguna. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_core_document. asp. |
| Unsur | Mengandungi elemen dokumen individu mana-mana jenis yang disokong
sebagai XML. Objek ini memberikan akses kepada atribut melalui objek Attr dan sifat melalui objek Node. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_element. asp. |
| Acara | Menyokong akses kepada acara yang sedia ada dan penciptaan yang baru.
Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_event. asp. |
| HTMLElement | Mengandungi elemen dokumen HTML individu, seperti perenggan
atau kawalan. Gunakan Elemen dan objek Node untuk mendapatkan akses kepada atribut dan sifat unsur . Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_all. asp. |
| Node | Menetapkan butiran sebarang nod yang diberikan, yang boleh memasukkan
dokumen secara keseluruhan, elemen dalam dokumen, dan atribut yang disediakan sebagai sebahagian daripada elemen, teks, dan ulasan. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_node. asp. |
| NodeFilter | Menentukan nod yang muncul sebagai sebahagian daripada NodeIterator yang digunakan untuk melintasi senarai nod
dalam dokumen. Anda boleh melihat senarai lengkap kaedah dan sifat yang dikaitkan dengan objek ini di // developer. mozilla. org / en-US / docs / DOM / NodeFilter. |
| NodeIterator | Menyediakan satu kaedah untuk mendapatkan senarai nod dalam dokumen
. Mengembara senarai nod boleh membantu anda mencari khusus nod dan berinteraksi dengan mereka. Sebagai contoh, anda mungkin mendapati semua nod tag dan menambah atribut tertentu kepada mereka. Anda boleh melihat senarai lengkap kaedah dan sifat yang dikaitkan dengan objek ini di // developer.mozilla. org / en-US / docs / DOM / NodeIterator. |
| NodeList | Mengandungi senarai pesanan semua nod dalam dokumen
atau di kawasan tertentu dokumen. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_nodelist. asp. |
| NamedNodeMap | Mengandungi senarai terperinci semua nod dalam dokumen
atau di kawasan tertentu dokumen. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_namednodemap. asp. |
Cara Menggunakan Objek DOM HTML untuk Mengurus Struktur
Mengadakan maklumat yang dilihat pengguna pada skrin ke dalam persembahan bersatu menggunakan JavaScript adalah penting. Pengguna perlu melihat struktur dokumen HTML, tetapi strukturnya harus menyokong kandungan - ia tidak seharusnya menaruh perhatian kepada dirinya sendiri. Apabila bekerja dengan halaman, struktur termasuk segala-galanya dari jadual ke kawalan yang digunakan untuk berinteraksi dengan dan menguruskan kandungan yang pengguna paling berminat untuk melihat. Objek DOM HTML berikut membantu anda melaksanakan tugas ini semasa bekerja dengan JavaScript.
| Objek | Deskripsi |
|---|---|
| Dokumen | Menyediakan akses kepada semua elemen dari keseluruhan halaman. Setiap halaman
dimuatkan ke dalam pelayar menjadi objek Dokumen yang anda akses menggunakan kata kunci dokumen. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_document. asp. |
| Acara | Membolehkan interaksi dengan acara dan pengendali peristiwa
yang berkaitan dengan halaman. Setiap jenis elemen mempunyai acara khusus yang berkaitan dengannya, seperti peristiwa klik yang dikaitkan dengan objek Button. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_event. asp. |
| HTMLElement | Menyediakan kelas asas dari mana semua elemen HTML diperoleh.
Kelas asas ini mentakrifkan sifat dan kaedah yang disediakan oleh semua elemen HTML . Anda boleh melihat senarai lengkap kaedah dan sifat yang dikaitkan dengan objek ini di www. w3schools. com / jsref / dom_obj_all. asp. |
| Anchor | Merupakan hiperpautan HTML. Anda boleh melihat senarai lengkap
kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_anchor. asp. |
| kawasan | Menentukan kawasan dalam peta imej HTML yang digunakan untuk membuat
kawasan yang boleh diklik untuk elemen grafik. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_area. asp. |
| Pangkalan | Menentukan alamat lalai atau sasaran lalai untuk semua pautan
pada halaman. Anda boleh melihat senarai lengkap kaedah dan sifat yang dikaitkan dengan objek ini di www. w3schools. com / jsref / dom_obj_base. asp. |
| Badan | Merupakan bahagian
tag pada halaman, termasuk semua elemen yang terkandung dalam tag . Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www.w3schools. com / jsref / dom_obj_body. asp. |
| Butang | Merupakan butang pada halaman. Objek ini secara khusus
dikaitkan dengan teg, daripada bentuk tag . Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_pushbutton. asp. |
| Borang | Merupakan bentuk dan termasuk semua elemen dalam bentuk
. Anda boleh melihat senarai lengkap kaedah dan sifat yang berkaitan dengan objek ini di www. w3schools. com / jsref / dom_obj_form. asp. |
| Bingkai dan IFrame | Merupakan bingkai (tag) atau bingkai inline (tag |