Contoh pengenalan kepada perbezaan antara atribut id dan nama dalam pengeluaran halaman input_HTML/Xhtml_Web

Saya telah membina laman web untuk masa yang lama, tetapi saya masih tidak mengetahui perbezaan antara nama dan id dalam input Saya baru-baru ini mempelajari jquery dan menghadapi masalah ini sekali lagi, jadi saya mengumpul maklumat dalam talian. Selepas melihat artikel ini, saya menyusunnya untuk kegunaan kemudian.

Boleh dikatakan hampir semua orang yang pernah membuat pembangunan web pernah bertanya, apakah perbezaan antara ID dan Nama sesuatu elemen? Mengapa kita memerlukan Nama apabila kita mempunyai ID?! Dan kita juga boleh mendapatkan jawapan yang paling klasik: ID adalah seperti nombor ID seseorang, dan Nama adalah seperti namanya yang jelas unik, dan Nama boleh diulang.

Minggu lepas saya juga menghadapi masalah ID dan Nama saya memasukkan jenis input="hidden" pada halaman dan hanya menulis ID='SliceInfo' Selepas menetapkan nilai, serahkan dan gunakan Request in latar belakang. Params["SliceInfo"] tidak boleh mendapatkan nilai. Kemudian, saya tiba-tiba menyedari bahawa ia harus ditandakan dengan Nama, jadi saya menambah Name='SliceInfo' pada input, dan semuanya ok.

Jawapan kepada ID dan Nama dalam perenggan pertama sudah tentu, penjelasan itu betul sepenuhnya 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 mentakrifkan kawasan hotspot IMG, anda perlu menggunakan usemap atributnya, jadi usemap="#name" (Nama elemen MAP yang berkaitan ).
Kegunaan 6: Atribut elemen tertentu tertentu, seperti atribut, meta dan param. Sebagai contoh, tentukan parameter untuk Object atau

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.

Sudah tentu, atribut Name bagi elemen HTML juga boleh memainkan peranan sebagai ID dalam halaman, kerana dalam pepohon objek DHTML, kita boleh menggunakan document.getElementsByName untuk mendapatkan tatasusunan objek yang mengandungi semua Nama yang ditentukan elemen dalam halaman. Terdapat satu lagi masalah dengan atribut Nama Apabila kita mencipta elemen yang boleh mengandungi atribut Nama secara dinamik, kita tidak boleh menggunakan elemen tugasan.name = "..." untuk menambah Namanya. Kita mesti menggunakan document.createElement( apabila mencipta Elemen '') menambah atribut Name pada elemen. Apakah maksud ini? Lihat sahaja contoh di bawah untuk memahami.

Salin kod

Kod tersebut adalah seperti berikut:

var input = document.createElement('INPUT');
input.id = 'myId';
input.name = 'myName';
alert(input.outerHTML) ;

Hasil yang dipaparkan dalam kotak mesej ialah: .

Salin kod

Kodnya adalah seperti berikut:

var input = document.createElement('');
input.id = 'myId';
alert(input.outerHTML);
< ; /skrip>
Hasil yang dipaparkan dalam kotak mesej ialah: .
Reka bentuk memulakan atribut Nama bukanlah kecacatan IE, kerana MSDN mengatakan ia harus dilakukan dengan cara ini, tetapi apakah prinsip reka bentuk ini? Saya belum berfikir terlalu jelas.

Sebenarnya, bagaimana jika terdapat n (n>1) elemen HTML dalam halaman dengan ID yang sama? Bagaimana untuk merujuknya dalam objek DHTML? Jika kami menggunakan halaman ASPX, situasi seperti itu tidak mudah berlaku, kerana proses aspnet tidak membenarkan ID bukan unik semasa memproses halaman aspx Ini bermakna halaman itu akan membuang pengecualian dan tidak boleh dipaparkan secara normal. Jika ia bukan halaman dinamik dan kami berkeras untuk mengulang ID, apakah yang perlu kami lakukan dengan IE? Pada masa ini, kami masih boleh menggunakan document.getElementById untuk mendapatkan objek, tetapi kami hanya boleh mendapatkan objek pertama yang muncul semasa HTML Render antara objek tersebut dengan ID pendua. Pada masa ini, ID berulang akan menjadi tatasusunan secara automatik apabila dirujuk, dan elemen dengan ID berulang akan wujud dalam tatasusunan mengikut Render.

Elemen borang (pilihan kawasan teks input borang) dan elemen bingkai (bingkai iframe) dinamakan
Elemen ini berkaitan dengan penyerahan borang (elemen bingkai bertindak pada sasaran borang). borang, hanya
Terima elemen dengan nama yang ditetapkan ID tidak boleh menerima nilai melalui borang Anda boleh mengesahkannya sendiri
Terdapat pengecualian: A boleh diberikan nama sebagai sauh atau ID. >
Sudah tentu, elemen di atas juga boleh diberikan nilai ID Apabila menetapkan nilai ID, kaedah merujuk elemen ini akan berubah
Nama tugasan: document.formName.inputName document.frames("frameName").
Assign ID: document.getElementById("inputID") document.all.frameID

Hanya ID boleh diberikan tetapi bukan nama: (kecuali elemen yang berkaitan dengan borang, hanya ID boleh diberikan)
body li table tr td th p div span pra dl dt dd fon b dsb.