Rumah hujung hadapan web tutorial js 整理一些JavaScript的IE和火狐的兼容性注意事项_javascript技巧

整理一些JavaScript的IE和火狐的兼容性注意事项_javascript技巧

May 16, 2016 pm 06:09 PM
ie keserasian Firefox

1. document.form.item 问题
(1)现有问题:
现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行
(2)解决方法:
改用 document.formName.elements["elementName"]
(3)其它
参见 2
2. 集合类对象问题
(1)现有问题:
现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox(火狐)不能。
(2)解决方法:
改用 [] 作为下标运算。如:document.forms("formName") 改为 document.forms["formName"]。
又如:document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1]
(3)其它
3. window.event
(1)现有问题:
使用 window.event 无法在火狐浏览器上运行
(2)解决方法:
火狐 的 event 只能在事件发生的现场使用,此问题暂无法解决。可以这样变通:
原 代码(可在IE中运行):

...

新代码(可在IE和火狐中运行):
...

此外,如果新代码中第一行不改,与老代码一样的话(即 gotoSubmit 调用没有给参数),则仍然只能在IE中运行,但不会出错。所以,这种方案 tpl 部分仍与老代码兼容。
4. HTML 对象的 id 作为对象名的问题
(1)现有问题
在 IE 中,HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在火狐中不能。
(2)解决方法
用 getElementById("idName") 代替 idName 作为对象变量使用。
5. 用idName字符串取得对象的问题
(1)现有问题
在IE中,利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象,在火狐中不能。
(2)解决方法
用 getElementById(idName) 代替 eval(idName)。
6. 变量名与某 HTML 对象 id 相同的问题
(1)现有问题
在 火狐 中,因为对象 id 不作为 HTML 对象的名称,所以可以使用与 HTML 对象 id 相同的变量名,IE中能。
(2)解决方法
在声明变量时,一律加上 var ,以避免歧义,这样在 IE 中亦可正常运行。
此外,最好不要取与 HTML 对象 id 相同的变量名,以减少错误。
(3)其它
参见 问题4
7. event.x 与 event.y 问题
(1)现有问题
在IE 中,event 对象有 x, y 属性,火狐中没有。
(2)解决方法
在火狐中,与event.x 等效的是 event.pageX。但event.pageX IE中没有。
故采用 event.clientX 代替 event.x。在IE 中也有这个变量。
event.clientX 与 event.pageX 有微妙的差别(当整个页面有滚动条的时候),不过大多数时候是等效的。
如果要完全一样,可以稍麻烦些:
mX = event.x ? event.x : event.pageX;
然后用 mX 代替 event.x
(3)其它
event.layerX 在IE与火狐中都有,具体意义有无差别尚未试验。
8. 关于frame
(1)现有问题
在 IE中 可以用window.testFrame取得该frame,火狐中不行
(2)解决方法
在frame的使用方面火狐和ie的最主要的区别是:
如果在frame标签中书写了以下属性:

那么ie可以通过id或者name访问这个frame对应的window对象
而火狐只可以通过name来访问这个frame对应的window对象
例如如果上述frame标签写在最上层的window里面的htm里面,那么可以这样访问
ie: window.top.frameId或者window.top.frameName来访问这个window对象
火狐: 只能这样window.top.frameName来访问这个window对象
另外,在火狐和ie中都可以使用window.top.document.getElementById("frameId")来访问frame标签
并且可以通过window.top.document.getElementById("testFrame").src = 'xx.htm'来切换frame的内容
也都可以通过window.top.frameName.location = 'xx.htm'来切换frame的内容
关于frame和window的描述可以参见bbs的‘window与frame'文章
以及/test/js/test_frame/目录下面的测试
----adun 2004.12.09修改
9. 在火狐中,自己定义的属性必须getAttribute()取得
10.在火狐中没有 parentElement parement.children 而用
parentNode parentNode.childNodes
childNodes的下标的含义在IE和火狐中不同,火狐使用DOM规范,childNodes中会插入空白文本节点。
一般可以通过node.getElementsByTagName()来回避这个问题。
当html中节点缺失时,IE和火狐对parentNode的解释不同,例如





火狐中input.parentNode的值为form, 而IE中input.parentNode的值为空节点
火狐中节点没有removeNode方法,必须使用如下方法 node.parentNode.removeChild(node)
11.const 问题
(1)现有问题:
在 IE 中不能使用 const 关键字。如 const constVar = 32; 在IE中这是语法错误。
(2)解决方法:
不使用 const ,以 var 代替。
12. body 对象
火狐的body在body标签没有被浏览器完全读入之前就存在,而IE则必须在body完全被读入之后才存在
13. url encoding
在js中如果书写url就直接写&不要写&例如var url = 'xx.jsp?objectName=xx&objectEvent=xxx';
frm.action = url那么很有可能url不会被正常显示以至于参数没有正确的传到服务器
一般会服务器报错参数没有找到
当然如果是在tpl中例外,因为tpl中符合xml规范,要求&书写为&
一般火狐无法识别js中的&
14. nodeName 和 tagName 问题
(1)现有问题:
在火狐中,所有节点均有 nodeName 值,但 textNode 没有 tagName 值。在 IE 中,nodeName 的使用好象
有问题(具体情况没有测试,但我的IE已经死了好几次)。
(2)解决方法:
使用 tagName,但应检测其是否为空。
15. 元素属性
IE下 input.type属性为只读,但是火狐下可以修改
16. document.getElementsByName() 和 document.all[name] 的问题
(1)现有问题:
在 IE 中,getElementsByName()、document.all[name] 均不能用来取得 div 元素(是否还有其它不能取的元素还不知道)。
Kenyataan Laman Web ini
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

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)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Analisis perbandingan dan perbezaan versi Bluetooth 5.3 dan 5.2 Analisis perbandingan dan perbezaan versi Bluetooth 5.3 dan 5.2 Dec 28, 2023 pm 06:08 PM

Pada masa kini, banyak telefon mudah alih mendakwa menyokong versi Bluetooth 5.3, jadi apakah perbezaan antara Bluetooth 5.3 dan 5.2 Sebenarnya, ia pada dasarnya adalah versi terkini Bluetooth 5, dan tidak banyak perbezaan dalam kebanyakan prestasi dan fungsi. Perbezaan antara Bluetooth 5.3 dan 5.2: 1. Kadar data 1 dan 5.3 boleh menyokong kadar data yang lebih tinggi sehingga 2Mbps. 2. Walaupun 5.2 hanya boleh mencapai maksimum 1Mbps, ini bermakna 5.3 boleh menghantar data dengan lebih cepat dan lebih stabil. 2. Peningkatan kawalan penyulitan 2. Bluetooth 5.3 menambah baik pilihan kawalan panjang kunci penyulitan, meningkatkan keselamatan dan boleh menyambung dengan lebih baik kepada kawalan akses dan peranti lain. 3. Pada masa yang sama, kerana kawalan pentadbir adalah lebih mudah, ia adalah lebih mudah dan lebih cepat untuk menyambung, yang tidak mungkin dalam 5.2.

Penyelesaian kepada i7-7700 tidak dapat menaik taraf kepada Windows 11 Penyelesaian kepada i7-7700 tidak dapat menaik taraf kepada Windows 11 Dec 26, 2023 pm 06:52 PM

Prestasi i77700 adalah mencukupi untuk menjalankan win11, tetapi pengguna mendapati bahawa i77700 mereka tidak boleh dinaik taraf kepada win11 Ini terutamanya disebabkan oleh sekatan yang dikenakan oleh Microsoft, jadi mereka boleh memasangnya selagi mereka melangkau sekatan ini. i77700 tidak boleh dinaik taraf kepada win11: 1. Kerana Microsoft mengehadkan versi CPU. 2. Hanya Intel generasi kelapan dan versi ke atas boleh terus menaik taraf kepada win11 3. Sebagai generasi ke-7, i77700 tidak dapat memenuhi keperluan naik taraf win11. 4. Walau bagaimanapun, i77700 benar-benar mampu menggunakan win11 dengan lancar dari segi prestasi. 5. Jadi anda boleh menggunakan sistem pemasangan langsung win11 laman web ini. 6. Selepas muat turun selesai, klik kanan fail dan "muat"nya. 7. Klik dua kali untuk menjalankan "Satu klik

Sejauh manakah bahasa Go pada sistem Linux? Sejauh manakah bahasa Go pada sistem Linux? Mar 22, 2024 am 10:36 AM

Bahasa Go mempunyai keserasian yang sangat baik pada sistem Linux Ia boleh berjalan dengan lancar pada pelbagai pengedaran Linux dan menyokong pemproses seni bina yang berbeza. Artikel ini akan memperkenalkan keserasian bahasa Go pada sistem Linux dan menunjukkan kebolehgunaannya yang berkuasa melalui contoh kod tertentu. 1. Pasang persekitaran bahasa Go Memasang persekitaran bahasa Go pada sistem Linux Anda hanya perlu memuat turun pakej binari Go yang sepadan dan menetapkan pembolehubah persekitaran yang berkaitan. Berikut ialah langkah-langkah untuk memasang bahasa Go pada sistem Ubuntu:

Bolehkah saya menggunakan fon kepala Bluetooth dalam mod kapal terbang? Bolehkah saya menggunakan fon kepala Bluetooth dalam mod kapal terbang? Feb 19, 2024 pm 10:56 PM

Dengan perkembangan berterusan teknologi moden, set kepala Bluetooth tanpa wayar telah menjadi bahagian yang amat diperlukan dalam kehidupan seharian manusia. Kemunculan fon kepala tanpa wayar membebaskan tangan kita, membolehkan kita menikmati muzik, panggilan dan aktiviti hiburan lain dengan lebih bebas. Walau bagaimanapun, apabila kita terbang, kita sering diminta untuk meletakkan telefon kita dalam mod kapal terbang. Jadi persoalannya, bolehkah saya menggunakan fon kepala Bluetooth dalam mod kapal terbang? Dalam artikel ini, kami akan meneroka soalan ini. Mula-mula, mari kita fahami maksud dan maksud mod kapal terbang. Mod pesawat ialah mod khas untuk telefon bimbit

Apakah yang perlu saya lakukan jika win11 tidak boleh menggunakan pelayar ie11? (win11 tidak boleh menggunakan pelayar IE) Apakah yang perlu saya lakukan jika win11 tidak boleh menggunakan pelayar ie11? (win11 tidak boleh menggunakan pelayar IE) Feb 10, 2024 am 10:30 AM

Semakin ramai pengguna mula menaik taraf sistem win11 Memandangkan setiap pengguna mempunyai tabiat penggunaan yang berbeza, ramai pengguna masih menggunakan pelayar ie11 Jadi apa yang perlu saya lakukan jika sistem win11 tidak boleh menggunakan pelayar ie. Adakah windows11 masih menyokong ie11? Mari kita lihat penyelesaiannya. Penyelesaian kepada masalah yang win11 tidak boleh menggunakan pelayar ie11 1. Pertama, klik kanan menu mula dan pilih "Command Prompt (Administrator)" untuk membukanya. 2. Selepas dibuka, terus masukkan "Netshwinsockreset" dan tekan Enter untuk mengesahkan. 3. Selepas pengesahan, masukkan "netshadvfirewallreset&rdqu

Keserasian WIN10 hilang, langkah untuk memulihkannya Keserasian WIN10 hilang, langkah untuk memulihkannya Mar 27, 2024 am 11:36 AM

1. Klik kanan program dan mendapati tab [Keserasian] tidak ditemui dalam tetingkap sifat yang terbuka. 2. Pada desktop Win10, klik kanan butang Mula di sudut kiri bawah desktop dan pilih item menu [Run] dalam menu pop timbul. 3. Tetingkap Win10 run akan dibuka, masukkan gpedit.msc dalam tetingkap, dan kemudian klik butang OK. 4. Tetingkap Editor Dasar Kumpulan Tempatan akan dibuka Klik item menu [Konfigurasi Komputer/Templat Pentadbiran/Komponen Windows] dalam tetingkap. 5. Dalam menu komponen Windows yang dibuka, cari item menu [Application Compatibility], dan kemudian cari item tetapan [Remove Program Compatibility Property Page] dalam tetingkap kanan. 6. Klik kanan pada item tetapan, dan dalam menu pop timbul

Penjelasan terperinci tentang isu keserasian win11 dengan perisian win10 Penjelasan terperinci tentang isu keserasian win11 dengan perisian win10 Jan 05, 2024 am 11:18 AM

Perisian dalam sistem win10 telah dioptimumkan dengan sempurna, tetapi bagi pengguna win11 terkini, semua orang mesti ingin tahu sama ada sistem ini boleh disokong, jadi berikut adalah pengenalan terperinci kepada perisian yang tidak menyokong win10 dalam win11 keluar bersama. Adakah win11 menyokong perisian win10: 1. Perisian sistem Win10 dan juga aplikasi sistem Win7 sangat serasi. 2. Menurut maklum balas daripada pakar yang menggunakan sistem Win11, pada masa ini tiada isu ketidakserasian aplikasi. 3. Jadi anda boleh menaik taraf dengan berani dengan yakin, tetapi pengguna biasa dinasihatkan untuk menunggu sehingga versi rasmi Win11 dikeluarkan sebelum menaik taraf. 4. Win11 bukan sahaja mempunyai keserasian yang baik, tetapi juga mempunyai Windo

Memperkenalkan kaedah muat turun pemacu untuk win10 untuk memastikan keserasian Memperkenalkan kaedah muat turun pemacu untuk win10 untuk memastikan keserasian Jan 01, 2024 pm 06:59 PM

Pemacu peranti perkakasan adalah salah satu atur cara yang paling penting untuk kita menggunakan peranti ini secara normal, tetapi kadangkala kita mungkin menghadapi bahawa pemacu yang kita muat turun dan pasang tidak serasi Malah, sistem secara automatik boleh mencari pemacu yang serasi untuk dimuat turun dan pasang. Mari kita lihat bersama-sama. Bagaimana untuk menjadikan pemacu win10 serasi? 1. Mula-mula cari komputer ini pada desktop, klik kanan dan pilih untuk membuka "Properties" 2. Kemudian cari dan buka "Pengurus Peranti" di sebelah kiri 3. Cari peranti yang anda ingin muat turun dan pasang dalam pengurus peranti, klik kanan dan pilih "Kemas kini pemacu" 4. Kemudian pilih "Cari perisian pemacu yang dikemas kini secara automatik" 5. Akhir sekali, tunggu sebentar dan tetingkap berikut akan muncul, yang bermaksud pemasangan pemacu telah selesai .

See all articles