IE和FireFox(FF)中js和css的不同

2019-11-21 01:24:51

字體：大中小

供稿：網(wǎng)友

在IE和FireFox(FF)中js和css的不同
css:
1.
ul標(biāo)簽中FF中有個(gè)padding值，卻沒有margin值，而在IE中正好相反
解決辦法:將ul的padding和margin都設(shè)為0(也可以不是0)如：padding:0;margin:0;list-style:none;
js:
1.
IE中innerText在FF中沒有，使用textContent;
eg:

復(fù)制代碼代碼如下:

var obj=document.getElementById("_td"); 
var text; 
if(obj.innerText) { 
text=obj.innerText; 
} else if(obj.textContent) { 
text=obj.textContent; 
} 

2.
在Ajax中返回對(duì)象狀態(tài)IE可以使用readystate但是在FF中必須為readyState，所以最好是都寫成readyState
3.獲取IE和FF中的鍵盤返回值，
<input type="text" onkeyUp="test(event)"/>
function test(e) {
var keyc=GetKeyCode(e);
alert(keyc);
}
function GetKeyCode(e) {//取得不同瀏覽器下的鍵盤事件值
var keyc;
if(window.event) {//ie鍵盤事件
keyc=e.keyCode;
} else if (e.which) {//火狐
keyc=e.which;
}
return keyc;
}
4.為對(duì)象添加移除事件
var obj=document.getElementById("_tname');
添加事件:
if(obj.attachEvent) {
obj.attachEvent("onchange",function() {
otherfunction(params);//這里可以給其實(shí)方法傳參，也可以直接調(diào)用其它方法
});
} else if(obj.addEventListener) {
obj.addEventListener("change",function() {
otherfunction(params);
},false);
}
移除事件：
obj.onclick=null;
/*下面的代碼為什么不行，IE下輸出obj.onclick竟然為anonymous，希望高手能幫忙解決
if(obj.detachEvent) {
obj.detachEvent("onchange",test);
} else if(obj.removeEventListener) {
obj.removeEventListener("change",test,false);
}*/
5.
IE中event.x和event.y
在FF中只有event.pageX,event.pageY
都有event.clientX和event.clientY屬性
解決辦法：
var x=e.x?e.x:e.pageX;//e為event對(duì)象傳進(jìn)來的參數(shù)
6.IE下 input.type屬性為只讀，但是MF下可以修改
7.在 IE 中，getElementsByName()、(document.all[name] (還未測(cè)試成功))均不能用來取得 div元素（是否還有其它不能取的元素還不知道）。
8.通過js來觸發(fā)事件
<script type="text/javascript"></script>
<input type="button" value="btn1" id="btn1" onclick=" alert('按鈕btn1的click事件') " />
<input type="button" value="觸發(fā)ID為btn1的onclick事件" onclick=" handerToClick() " />
9.IE下event對(duì)象有srcElement屬性,Firefox下,event對(duì)象有target屬性
var obj=e.srcElement?e.srcElement:e.target;//e為event對(duì)象傳進(jìn)來的參數(shù)
//從這里下面的還未測(cè)試
10.在FF中自己定義的屬性必須getAttribute()取得
11.節(jié)點(diǎn)問題
IE中使用parentElement parement.children，而FF中使用parentNode parentNode.childNodes
childNodes的下標(biāo)的含義在IE和FF中不同，F(xiàn)F使用DOM規(guī)范，childNodes中會(huì)插入空白文本節(jié)點(diǎn)。
FF中節(jié)點(diǎn)沒有removeNode方法，必須使用如下方法 node.parentNode.removeChild(node)

上一篇：JavaScript獲取GridView中用戶點(diǎn)擊控件的行號(hào)，列號(hào)

下一篇：javascript 清除輸入框中的數(shù)據(jù)