cari
Rumahhujung hadapan webhtml tutorialPerbezaan antara atribut ID dan Nama elemen HTML_HTML/Xhtml_Penghasilan halaman web

Hari ini saya agak keliru tentang Menambah # bermaksud sauh, diikuti dengan 13, ia akan melompat ke kedudukan 13 halaman ini, dan 13 ini ialah. Nilai atribut. Mengapakah
bukan nilai ID? ? ? Jadi saya menyemak perbezaan antara ID dan Nama, dan merekodkan

jawapan yang paling klasik: ID adalah seperti nombor ID seseorang, dan Nama seperti namanya jelas unik, dan Nama boleh diulang.
Jelas sekali, jawapan kepada ID dan Nama adalah terlalu umum Sudah tentu, penjelasan itu betul-betul untuk ID, iaitu Identiti elemen HTML pada bahagian klien. Nama sebenarnya jauh lebih rumit, kerana Nama mempunyai banyak kegunaan, jadi ia tidak boleh digantikan sepenuhnya dengan ID, sekali gus membatalkannya. Kegunaan khusus ialah:
Kegunaan 1: Sebagai penunjuk sisi pelayan bagi elemen HTML yang boleh berinteraksi dengan pelayan, seperti input, pilih, kawasan teks dan butang. Kita boleh mendapatkan nilai yang diserahkan oleh elemen melalui Request.Params berdasarkan Namanya di sisi pelayan.
Kegunaan 2: Elemen HTML Input type='radio' grouping, kita tahu bahawa kawalan butang radio berada dalam kelas kumpulan yang sama, operasi semak adalah mutex, hanya satu radio boleh dipilih pada masa yang sama, kumpulan ini adalah berdasarkan atribut Nama yang sama direalisasikan.
Tujuan 3: Buat titik utama dalam halaman Kami tahu bahawa pautan Jika anda tidak menggunakan atribut href, gunakan Nama sebaliknya, seperti: < ;a name="PageBottom">, kami mendapat sauh halaman.
Gunakan 4: Identiti sebagai objek, seperti Applet, Objek, Benam dan elemen lain. Sebagai contoh, dalam contoh objek Applet, kami akan menggunakan Namanya untuk merujuk kepada objek.
Tujuan 5: Apabila mengaitkan antara elemen IMG dan elemen MAP, jika anda ingin menentukan kawasan hotspot IMG, anda perlu menggunakan usemap atributnya, jadi usemap="#name" (Nama MAP yang berkaitan
elemen ).
Kegunaan 6: Atribut elemen tertentu tertentu, seperti atribut, meta dan param. Sebagai contoh, tentukan parameter
Jelas sekali penggunaan ini tidak boleh digantikan dengan ID, jadi perbezaan antara ID dan Nama elemen HTML bukanlah perbezaan antara nombor ID dan nama Mereka mempunyai fungsi yang berbeza
.
Kita boleh menganalisis perbezaan halus melalui sekeping kod:

Salin kod
Kodnya adalah seperti berikut :




Wie viele Methoden können wir im IE-Browser verwenden, um dieses Textfeldobjekt zu indizieren? (Zur Unterscheidung setzen wir NAME und ID auf unterschiedliche Werte)
1. demoform.oDemo
3 .oDemo
5. document.forms['demoform'].oDemo
7. document.forms['demoform'].childNodes[0]
8. document.forms['demoform'].elements[0]
9. document.getElementById('oDemo2')

Die oben genannten 9 Indizierungsmethoden haben jedoch alle den Rückgabewerttest bestanden Es lohnt sich, das Letzte zu beachten: In IE6 habe ich das Indexobjekt als document.getElementById('oDemo') geschrieben, und der Browser kann das Objekt korrekt indizieren. Es ist wirklich schreckliche Fehlertoleranz! !
Dann kommt das Problem. Wir fügen diesen Code in Mozilla Firefox 1.0 ein und führen ihn erneut aus. Die anderen Methoden können das Objekt jedoch korrekt indizieren -spezifisches Objekt document.all wird verwendet. Obwohl FF1.0 den korrekten Wert zurückgibt, wird in der Konsole eine Warnung ausgegeben: Warnung: Nicht standardmäßiges Attribut document.all. Bitte verwenden Sie die W3C-Standardform von document.getElementById()
.
Als nächstes definieren wir den HTML-Texttyp strenger und fügen am Anfang des Quellcodes hinzu: bewirkt, dass der HTML-Text gemäß dem HTML4.01-Standard analysiert wird. Im IE6 bestehen alle den Rückgabewerttest. In Mozilla Firefox 1.0 besteht das Problem jedoch ist groß. Die erste Methode hat keinen Rückgabewert, aber in der Konsole wird eine Fehlermeldung ausgegeben: Fehler: document.all hat keine Eigenschaften, und die siebte Methode gibt immer noch „undefiniert“ zurück.
Zusammenfassung
NAME wird hauptsächlich in interaktiven Webseiten verwendet. Nachdem das Formular an ein serverseitiges Skript gesendet wurde, erhält es ein variables Verarbeitungsvolumen. Aus Sicht der Quellcode-Standardisierung und -Kompatibilität wird empfohlen,
document.getElementById() zu verwenden, wenn Sie ein Objekt in einem Client-Skript indizieren möchten.
Ein weiteres einfaches Beispiel:

Benutzername: ;

Wenn ich den Benutzernamen und das Passwort erhalten möchte, muss es als document.form1.username.value geschrieben werden .password.value ;
Verwenden Sie die ID, um Folgendes abzurufen:
docuement.getElementById("username");
document.getElementById("pwd");
Manchmal kann der Name identisch sein Dieses Mal verwenden wir Sobald der Name erhalten ist, ist es unmöglich zu bestimmen, welcher Wert erhalten wird.
document.getElemntsByName("username");
Was Sie hier erhalten, ist ein Array
Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
HTML: Struktur, CSS: Gaya, JavaScript: Tingkah LakuHTML: Struktur, CSS: Gaya, JavaScript: Tingkah LakuApr 18, 2025 am 12:09 AM

Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: 1. HTML mentakrifkan struktur laman web, 2. CSS mengawal gaya laman web, dan 3. JavaScript menambah tingkah laku dinamik. Bersama -sama, mereka membina kerangka, estetika dan interaktiviti laman web moden.

Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk WebMasa Depan HTML: Evolusi dan Trend dalam Reka Bentuk WebApr 17, 2025 am 12:12 AM

Masa depan HTML penuh dengan kemungkinan yang tidak terhingga. 1) Ciri -ciri dan piawaian baru akan merangkumi lebih banyak tag semantik dan populariti komponen web. 2) Trend reka bentuk web akan terus berkembang ke arah reka bentuk yang responsif dan boleh diakses. 3) Pengoptimuman prestasi akan meningkatkan pengalaman pengguna melalui pemuatan imej yang responsif dan teknologi pemuatan malas.

HTML vs CSS vs JavaScript: Gambaran Keseluruhan PerbandinganHTML vs CSS vs JavaScript: Gambaran Keseluruhan PerbandinganApr 16, 2025 am 12:04 AM

Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: HTML bertanggungjawab untuk struktur kandungan, CSS bertanggungjawab untuk gaya, dan JavaScript bertanggungjawab untuk tingkah laku dinamik. 1. HTML mentakrifkan struktur laman web dan kandungan melalui tag untuk memastikan semantik. 2. CSS mengawal gaya laman web melalui pemilih dan atribut untuk menjadikannya cantik dan mudah dibaca. 3. JavaScript mengawal tingkah laku laman web melalui skrip untuk mencapai fungsi dinamik dan interaktif.

HTML: Adakah bahasa pengaturcaraan atau yang lain?HTML: Adakah bahasa pengaturcaraan atau yang lain?Apr 15, 2025 am 12:13 AM

Htmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworkswithcssforstylingandjavascriptforinteractivity, meningkatkan pembangunan semula.

HTML: Membina struktur laman webHTML: Membina struktur laman webApr 14, 2025 am 12:14 AM

HTML adalah asas struktur laman web bangunan. 1. HTML mentakrifkan struktur kandungan dan semantik, dan penggunaan, dan sebagainya. 2. Menyediakan penanda semantik, seperti, dan sebagainya, untuk meningkatkan kesan SEO. 3. Untuk merealisasikan interaksi pengguna melalui tag, perhatikan pengesahan bentuk. 4. Gunakan elemen lanjutan seperti, digabungkan dengan JavaScript untuk mencapai kesan dinamik. 5. Kesilapan biasa termasuk label yang tidak terkawal dan nilai atribut yang tidak disebutkan, dan alat pengesahan diperlukan. 6. Strategi pengoptimuman termasuk mengurangkan permintaan HTTP, memampatkan HTML, menggunakan tag semantik, dll.

Dari teks ke laman web: Kekuatan HTMLDari teks ke laman web: Kekuatan HTMLApr 13, 2025 am 12:07 AM

HTML adalah bahasa yang digunakan untuk membina laman web, menentukan struktur laman web dan kandungan melalui tag dan atribut. 1) HTML menganjurkan struktur dokumen melalui tag, seperti,. 2) Penyemak imbas menghancurkan HTML untuk membina DOM dan menjadikan laman web. 3) Ciri -ciri baru HTML5, seperti, meningkatkan fungsi multimedia. 4) Kesilapan biasa termasuk label yang tidak terkawal dan nilai atribut yang tidak disebutkan. 5) Cadangan pengoptimuman termasuk menggunakan tag semantik dan mengurangkan saiz fail.

Memahami HTML, CSS, dan JavaScript: Panduan PemulaMemahami HTML, CSS, dan JavaScript: Panduan PemulaApr 12, 2025 am 12:02 AM

WebDevelopmentReliesOnhtml, CSS, andjavascript: 1) HtmlStructuresContent, 2) CSSStylesit, dan3) JavaScriptaddsInteractivity, Formingthebasisofmodernwebexperiences.

Peranan HTML: Penstrukturan Kandungan WebPeranan HTML: Penstrukturan Kandungan WebApr 11, 2025 am 12:12 AM

Peranan HTML adalah untuk menentukan struktur dan kandungan laman web melalui tag dan atribut. 1. HTML menganjurkan kandungan melalui tag seperti, menjadikannya mudah dibaca dan difahami. 2. Gunakan tag semantik seperti, dan lain -lain untuk meningkatkan kebolehcapaian dan SEO. 3. Mengoptimumkan kod HTML boleh meningkatkan kelajuan pemuatan laman web dan pengalaman pengguna.

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 bulan yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
1 bulan yang laluBy尊渡假赌尊渡假赌尊渡假赌
Akan R.E.P.O. Ada Crossplay?
1 bulan yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

VSCode Windows 64-bit Muat Turun

VSCode Windows 64-bit Muat Turun

Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

MantisBT

MantisBT

Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.