1. Document.FormName.Item ("ItemName") Deskripsi Masalah: Di bawah IE, Anda dapat menggunakan Document.FormName.Item ("ItemName") atau Document.FormName.elements ["ElementName"]; document.formname.item ("itemName") atau document.formname.elements ["elementName"]; . 2. Deskripsi Masalah Objek Kelas Koleksi: Di IE, Anda dapat menggunakan () atau [] untuk mendapatkan objek kelas pengumpulan; 3. Atribut Kustom Deskripsi: Di IE, Anda dapat menggunakan metode untuk mendapatkan atribut reguler untuk mendapatkan atribut khusus, atau Anda dapat menggunakan getAttribute () untuk mendapatkan atribut khusus; . 4. Eval ("Idname") Deskripsi Masalah: Di IE, Anda dapat menggunakan eval ("IDNAME") atau GetElementById ("IDNAME") untuk mendapatkan objek HTML dengan IDNAME; Untuk mendapatkan objek HTML dengan ID sebagai IDName. 5. Masalah dengan nama variabel yang sama dengan ID objek HTML: di bawah IE, ID objek HTML dapat digunakan secara langsung sebagai nama variabel dari objek bawahan dokumen, tetapi tidak di Firefox; HTML Object ID dapat digunakan. 6. Deskripsi Masalah Const: Di bawah Firefox, Anda dapat menggunakan kata kunci Const atau kata kunci VAR untuk mendefinisikan konstanta; 7. Deskripsi Masalah Input.Type Atribut: Atribut Input.Type di bawah IE hanya baca; tetapi atribut input.type di bawah Firefox adalah writ-write. 8. Window.event Masalah Deskripsi: Window.event hanya dapat berjalan di bawah IE, bukan di bawah Firefox, karena acara Firefox hanya dapat digunakan pada adegan di mana peristiwa terjadi. Kode Program 10. Event.srcelement Problem Deskripsi: Di bawah IE, objek genap memiliki properti srcelement, tetapi tidak ada properti target; 11. Window.Location.href Masalah Deskripsi: Di bawah IE atau Firefox2.0.x, Anda dapat menggunakan windoke.location atau window.location.href; 12. Deskripsi Modal dan Masalah Jendela Non-Modal: Di bawah IE, Modal dan Jendela Non-Modal dapat dibuka melalui showmodaldialog dan showmodelessdialog; Tiga Belas. 14. Masalah pemuatan tubuh Deskripsi: Objek tubuh Firefox ada sebelum tag tubuh sepenuhnya dibaca oleh browser; sementara objek tubuh IE harus ada setelah tag tubuh sepenuhnya dibaca oleh browser. 15. Deskripsi Metode Delegasi Acara: Dalam IE, gunakan Document.Body.onload = suntikan; 16. Pengungkapan Perbedaan antara elemen induk yang diakses: di IE, gunakan obj.parentelement atau obj.parentnode untuk mengakses node induk OBJ; 17. Kursor: Tangan vs Kursor: Pointer 18. Masalah Innertext. Kode Program 19. Deskripsi masalah lebar objek dan penugasan tinggi: Pernyataan yang mirip dengan obj.style.height = imgobj.height di firefox tidak valid. 20. Pengoperasian Tabel Deskripsi: IE, Firefox dan browser lainnya memiliki operasi yang berbeda pada tag tabel. 21. Ketika masalah lekukan UL dan OL dihilangkan, gaya harus ditulis sebagai: List-style: tidak ada; 22. CSS Transparency Masalah IE: Filter: Progid: dximagetransform.microsoft.alpha (style = 0, opacity = 60). 23. CSS Masalah sudut bulat yaitu: Versi IE7 berikut tidak mendukung sudut bulat. Ada terlalu banyak pertanyaan tentang CSS, dan bahkan definisi CSS yang sama memiliki efek tampilan yang berbeda dalam standar halaman yang berbeda. Saran yang cocok adalah bahwa halaman ini ditulis dalam standar DHTML standar, dan penggunaan tabel jarang digunakan. Opera juga diperhitungkan. BTW, dalam banyak kasus, standar interpretasi CSS FF dan Opera lebih dekat dengan standar CSS dan lebih terstandarisasi.
Solusi: Gunakan Document.FormName.elements ["ElementName"] dengan cara yang disatukan.
Solusi: Gunakan [] untuk mendapatkan objek kelas pengumpulan dengan cara terpadu.
Penanganan masalah: Dapatkan secara seragam atribut khusus melalui getAttribute ().
Solusi: Gunakan getElementById ("IDName") untuk mendapatkan objek HTML dengan ID sebagai IDName.
Penanganan masalah: Gunakan Document.GetElementById ("IDName") bukan Document.idname. Yang terbaik untuk tidak mengambil nama variabel dengan ID objek HTML yang sama untuk mengurangi kesalahan; saat mendeklarasikan variabel, tambahkan kata kunci VAR untuk menghindari ambiguitas.
Solusi: Gunakan kata kunci VAR untuk mendefinisikan konstanta secara seragam.
Solusi: Jangan ubah properti input.Type. Jika Anda harus memodifikasinya, Anda dapat menyembunyikan input asli terlebih dahulu dan kemudian memasukkan elemen input baru di posisi yang sama.
Solusi: Tambahkan parameter acara ke fungsi di mana peristiwa terjadi, dan gunakan var myevent = evt? Evt: (window.event? Window.event: null)
Contoh:
<input type = "tombol" onclick = "dosomething (event)"/>
<bahasa skrip = "javascript">
function dosomething (evt) {
var myevent = evt? evt: (window.event? window.event: null)
...
}
</script>
9. Event.x dan Event.y Deskripsi Masalah: Di bawah IE, objek genap memiliki atribut X dan Y, tetapi tidak ada atribut Pagex dan Pagey;
Solusi: var myx = event.x?
Jika Anda mempertimbangkan masalah ke -8, cukup gunakan MyEvent alih -alih acara.
Solusi: Gunakan srcobj = event.srcelement?
Jika Anda mempertimbangkan masalah ke -8, cukup gunakan MyEvent alih -alih acara.
Penanganan masalah: Gunakan window.location bukan window.location.href. Tentu saja, Anda juga dapat mempertimbangkan menggunakan metode location.replace ().
Solusi: Gunakan window.open (pageUrl, nama, parameter) untuk membuka jendela baru.
Jika Anda perlu meneruskan parameter di jendela anak kembali ke jendela induk, Anda dapat menggunakan window.opener di jendela anak untuk mengakses jendela induk. Jika jendela induk perlu mengontrol jendela anak, gunakan var subwindow = window.open (pageUrl, name, parameter);
<frame src = "http://www.abc.com/123.html" id = "frameid" name = "frameName"/>
(1) mengakses objek bingkai yaitu: gunakan window.frameid atau window.frameName untuk mengakses objek bingkai ini;
Firefox: Gunakan Window.Framename untuk mengakses objek bingkai ini;
Solusi: Gunakan window.document.getElementById ("frameid") untuk mengakses objek bingkai ini;
(2) Beralih konten bingkai di IE dan Firefox, Anda dapat menggunakan window.document.getElementById ("frameid"). Src = "index.html" atau window.frameName.location = "index.html" untuk beralih konten fram dari e;
Jika Anda perlu meneruskan parameter dalam bingkai kembali ke jendela induk, Anda dapat menggunakan kata kunci induk di bingkai untuk mengakses jendela induk.
[Catatan] Masalah ini belum benar -benar diverifikasi, dan akan dimodifikasi setelah verifikasi.
[Catatan] Telah terbukti bahwa masalah di atas tidak ada di IE6, Opera9 dan Firefox2.
Solusi: Gunakan Document.Body.onload = Fungsi baru ('inject ()'); atau document.body.onload = function () {/* Berikut ini kode*/}
[Catatan] Perbedaan antara fungsi dan fungsi
Solusi: Karena Firefox dan IE mendukung DOM, OBJ.PARENTNODE digunakan untuk mengakses simpul induk OBJ.
Deskripsi Masalah: Firefox tidak mendukung tangan, tetapi IE mendukung pointer, keduanya adalah indikator berbentuk tangan.
Solusi: Gunakan pointer dengan cara yang disatukan.
Deskripsi Masalah: Innertext berfungsi dengan baik di IE, tetapi Innertext tidak berfungsi di Firefox.
Solusi: Gunakan TextContent alih-alih Innertext di browser non -e.
Contoh:
if (navigator.appname.indexof ("explorer")> -1) {
document.geteLementById ('elemen'). Innertext = "My Text";
} kalau tidak{
document.geteLementById ('elemen'). TextContent = "My Text";
}
[Catatan] InnerHTML didukung oleh browser seperti IE dan Firefox.
Solusi: Gunakan obj.style.height = imgobj.height + 'px' dalam seragam;
Larutan:
Kode Program
// Tambahkan baris kosong ke tabel:
var row = otable.InserTrow (-1);
var cell = document.createElement ("td");
cell.innerhtml = "";
cell.classname = "xxxx";
Row.AppendChild (sel);
[Catatan] Karena saya jarang menggunakan JS untuk mengoperasikan tabel secara langsung, saya tidak pernah mengalami masalah ini. Disarankan untuk menggunakan set kerangka kerja JS untuk memanipulasi tabel, seperti jQuery.
Atribut margin berlaku untuk IE dan atribut padding berlaku untuk Firefox. ← Kalimat ini salah, lihat detail ↓
[Catatan] Masalah ini belum benar -benar diverifikasi, dan akan dimodifikasi setelah verifikasi.
[Catatan] Terbukti bahwa dalam IE, pengaturan margin: 0px dapat menghapus lekukan atas, ke bawah dan kanan, kosong, nomor daftar atau titik -titik dari daftar, dan pengaturan bantalan tidak berpengaruh pada gaya; 0PX hanya dapat menghapus ruang kosong ke atas dan ke bawah hanya dapat menghapus indentasi kiri dan kanan setelah pengaturan padding: 0px. Dengan kata lain, dengan IE, Anda dapat mencapai efek akhir dengan hanya menetapkan margin: 0px, padding: 0px dan gaya daftar: Tidak ada yang harus diatur pada saat yang sama di Firefox untuk mencapai efek akhir.
FF: Opacity: 0.6.
[Catatan] Yang terbaik adalah menulis keduanya dan menempatkan atribut opacity di bawah ini.
FF: -Moz-border-radius: 4px, atau -moz-border-radius-topleft: 4px; - Radius- BottomRight: 4px;.
[Catatan] Masalah sudut bulat adalah masalah klasik di CSS.