欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費電子書(shū)等14項超值服

開(kāi)通VIP
Javascript與CSS在IE和Firefox中的誤區及區別 - AJAX - AJA...
Javascript中的常見(jiàn)問(wèn)題

1. 集合類(lèi)對象問(wèn)題
現有代碼中許多集合類(lèi)對象取用時(shí)使用 (),IE 能接受,Firefox 不能。
解決方法:改用 [] 作為下標運算。如:document.forms("formName") 改為
Js代碼
  1. document.forms["formName"];   
  2. //又如:   
  3. document.getElementsByName("inputName")(1);   
  4. //改為   
  5. document.getElementsByName("inputName")[1];  


2. DIV對象
在 IE 中,DIV對象可以使用ID作為對象變量名直接使用。在 Firefox 中不能。
DivId.style.display = "none";
解決方法:document.getElementById("DivId").style.display = "none";
ps:得對象的方法不管是不是DIV對象,都應該使用getElementById方法。


3. 關(guān)于frame
現有問(wèn)題:在 IE中 可以用window.testFrame取得該frame,mf中不行
解決方法:在frame的使用方面Firefox和IE的最主要的區別是:
如果在frame標簽中書(shū)寫(xiě)了以下屬性:
那么IE可以通過(guò)id或者name訪(fǎng)問(wèn)這個(gè)frame對應的window對象
而mf只可以通過(guò)name來(lái)訪(fǎng)問(wèn)這個(gè)frame對應的window對象
例如如果上述frame標簽寫(xiě)在最上層的window里面的htm里面,那么可以這樣訪(fǎng)問(wèn)
IE: window.top.frameId或者window.top.frameName來(lái)訪(fǎng)問(wèn)這個(gè)window對象
Firefox:只能這樣window.top.frameName來(lái)訪(fǎng)問(wèn)這個(gè)window對象
另外,在mf和ie中都可以使用window.top.document.getElementById("frameId")來(lái)訪(fǎng)問(wèn)frame標簽
并且可以通過(guò)window.top.document.getElementById("testFrame").src = 'xx.htm'來(lái)切換frame的內容
也都可以通過(guò)window.top.frameName.location = 'xx.htm'來(lái)切換frame的內容


4. 窗口
現有問(wèn)題:IE中可以通過(guò)showModalDialog和showModelessDialog打開(kāi)模態(tài)和非模態(tài)窗口,但是Firefox不支持。
解決辦法:直接使用window.open(pageURL,name,parameters)方式打開(kāi)新窗口。
如果需要傳遞參數,可以使用frame或者iframe。


5. 在JS中定義各種對象變量名時(shí),盡量使用id,避免使用name.
在 IE 中,HTML 對象的 ID 可以作為 document 的下屬對象變量名直接使用。在 Firefox 中不能,所以在平常使用時(shí)請盡量使用id,避免只使用name,而不使用id。


6. document.all
Firefox可以兼容document.all, 但會(huì )生成一條警告??梢杂胓etElementById("*") 或者 getElementByTagName("*)來(lái)代替
不過(guò)對于document.all.length等屬性,則完全不兼容。大家盡量不要使用document.all屬性.


7. parentElement
IE中支持使用parentElement和parentNode獲取父節點(diǎn).
而Firefox只可以使用parentNode.


8. event
W3C不支持windows.event
比方說(shuō),在IE里面:
Js代碼
  1. function onMenuClick(){   
  2.     collapseMenu(event.srcElement);   
  3. }  

工作正常。不過(guò)在Firefox中,則改成:
Js代碼
  1. function onMenuClick(evt){   
  2.     if(evt == null)   
  3.     evt = window.event; // For IE   
  4.     var srcElement = evt.srcElement? evt.srcElement : evt.target;   
  5.     // IE使用srcElement, 而Firefox使用target   
  6.     collapseMenu(srcElement);  


9. event.x 與 event.y 問(wèn)題
在IE 中,event 對象有 x, y 屬性,Firefox中沒(méi)有。
解決方法:
在Firefox中,與event.x 等效的是 event.pageX。但event.pageX IE中沒(méi)有。
故采用 event.clientX 代替 event.x。在IE 中也有這個(gè)變量。
event.clientX 與 event.pageX 有微妙的差別(當整個(gè)頁(yè)面有滾動(dòng)條的時(shí)候),
不過(guò)大多數時(shí)候是等效的。
如果要完全一樣,可以稍麻煩些:
Js代碼
  1. mX = event.x ? event.x : event.pageX;  
然后用 mX 代替 event.x


10. 用idName字符串取得對象的問(wèn)題
在IE中,利用 eval(idName) 可以取得 id 為 idName 的 HTML 對象,在Firefox中不能。
解決辦法:用 getElementById(idName) 代替 eval(idName).


14. nodeName 和 tagName 問(wèn)題
在Firefox中,所有節點(diǎn)均有 nodeName 值,但 textNode 沒(méi)有 tagName 值。
在IE中nodeName 的使用有時(shí)會(huì )有問(wèn)題。
解決方法:
使用 tagName,但應檢測其是否為空。


15. input的type屬性
IE下 input.type屬性為只讀,但是Firefox下可以修改.


16. 自定義屬性
在mf中,自己定義的屬性必須getAttribute()取得
而IE可以直接通過(guò)"."運算符獲取.


17.const 問(wèn)題
在 IE 中不能使用 const 關(guān)鍵字。如
const constVar = 32;
在IE中這是語(yǔ)法錯誤.
解決方法:
不使用 const ,以 var 代替.


18. body 對象
Firefox的body在body標簽沒(méi)有被瀏覽器完全讀入之前就存在,而IE則必須在body完全被讀入之后才存在.


19. img對象alt和title的解析
alt:當照片不存在或者load錯誤時(shí)的提示,
title:照片的tip說(shuō)明,
在IE中如果沒(méi)有定義title,alt也可以作為img的tip使用,但是在Firefox中,兩者完全按照標準中的定義使用
在定義img對象時(shí),最好將alt和title對象都寫(xiě)全,保證在各種瀏覽器中都能正常使用


20.childNodes獲取的節點(diǎn)
childNodes的下標的含義在IE和Firefox中不同,Firefox使用DOM規范,childNodes中會(huì )插入空白文本節點(diǎn)。
獲取子節點(diǎn)時(shí),一般可以通過(guò)node.getElementsByTagName()來(lái)回避這個(gè)問(wèn)題。


21.removeNode()
Firefox中節點(diǎn)沒(méi)有removeNode方法,必須使用如下方法
Js代碼
  1. node.parentNode.removeChild(node);  


22.innerText
IE支持,FIREFOX不支持
FF中設置內容文本是用textConent屬性.

23. XMLHTTP的區別
FireFox中的創(chuàng )建方法為:
Js代碼
  1. xmlhttp=new XMLHttpRequest()  

而在IE中為:
Js代碼
  1. xmlhttp=new ActiveXObject(”Microsoft.XMLHTTP”)  


24. img的src刷新問(wèn)題
在IE 下可以用 可以刷新圖片,但在FireFox下不行。主要是緩存問(wèn)題,在地址后面加個(gè)隨機數就解決了:
Js代碼
  1. myImg.src=this.src+’?'+Math.random();  


25. setAttribute()設置屬性問(wèn)題
IE中很多屬性都不能用setAttribute進(jìn)行設置,但Firefox中卻可以,如:
Js代碼
  1. theDiv.setAttribute('style','color:red');   
  2. //改為:   
  3. object.style.cssText = 'color:red;';   
  4.   
  5.   
  6. setAttribute('class','styleClass')   
  7. //改為:   
  8. setAttribute('className','styleClass');   
  9.   
  10.   
  11. obj.setAttribute('onclick','funcitonname();');   
  12. //改為:   
  13. obj.onclick=function(){fucntionname();};  


...等等

-----------------------------------------------------------------------------------------

IE和FIREFOX在解析CSS方面的區別

1. 對高度的解析
IE:將根據內容的高度變化,包括未定義高度的圖片內容,即使定義了高度,當內容超過(guò)高度時(shí),將使用實(shí)際高度
Firefox:沒(méi)有定義高度時(shí),如果內容中包括了圖片內容,Firefox的高度解析是根據印刷標準,這樣就會(huì )造成和實(shí)際內容高度不符合的情況;當定義了高度,但是內容超過(guò)高度時(shí),內容會(huì )超出定義的高度,但是區域使用的樣式不會(huì )變化,造成樣式錯位。
結論:大家在可以確定內容高度的情況下最好定義高度,如果真的沒(méi)有辦法定義高度,最好不用使用邊框樣式,否則樣式肯定會(huì )出現混亂!


3.布局問(wèn)題
當你在寫(xiě)css的時(shí)候,特別是用float: left(或right)排列一竄圖片時(shí),會(huì )發(fā)現在firefox里面正常而IE里面有問(wèn)題。無(wú)論你用margin:0,還是border: 0來(lái)約束,都無(wú)濟于事。
其實(shí)這里還有另外一個(gè)問(wèn)題,就是IE對于空格的處理,firefox是忽略的而IE對于塊與塊之間的空格是處理的。也就是說(shuō)一個(gè)div結束后要緊接著(zhù)一個(gè)div寫(xiě),中間不要有回車(chē)或者空格。不然也許會(huì )有問(wèn)題,比如3px的偏差,而且這個(gè)原因很難發(fā)現。
非常不走運的是我又碰到了這樣的問(wèn)題,多個(gè)img標簽連著(zhù),然后定義的float: left,希望這些圖片可以連起來(lái)。但是結果在firefox里面正常而IE里面顯示的每個(gè)img都相隔了3px。我把標簽之間的空格都刪除都沒(méi)有作用。
后來(lái)的解決方法是在img外面套li,并且對li定義margin: 0,這樣就解決了IE和firefox的顯示偏差。IE對于一些模型的解釋會(huì )產(chǎn)生很多錯誤問(wèn)題,只有多多嘗試才能發(fā)現原因。
這只是一些簡(jiǎn)單的區別,在做布局和CSS設計時(shí)候可以綜合考慮,但最為有效與簡(jiǎn)單的解決兼容問(wèn)題還是用TABLE表格,表格在兼容性方面有著(zhù)不錯的表現.


4.鼠標樣式
firefox不支持hand,但ie支持pointer
解決方法: 統一使用pointer

5. padding 問(wèn)題
padding 5px 4px 3px 1px FireFox無(wú)法解釋簡(jiǎn)寫(xiě),
必須改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px;

6. 消除ul、ol等列表的縮進(jìn)
消除ul、ol等列表的縮進(jìn)樣式應寫(xiě)成:list-style:none;margin:0px;padding:0px;
其中margin屬性對IE有效,padding屬性對FireFox有效

7. CSS透明
IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF:opacity:0.6。

8. CSS圓角
IE:不支持圓角。
FF: -moz-border-radius:4px,或者
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius- bottomright:4px;。

9. CSS雙線(xiàn)凹凸邊框
IE:border:2px outset;。
FF:
-moz-border-top-colors: #d4d0c8 white;
-moz-border-left-colors: #d4d0c8 white;
-moz-border-right-colors:#404040 #808080;
-moz-border-bottom-colors:#404040 #808080;

10. 濾鏡
IE中支持使用濾鏡,而Firefox中不支持.

11. 禁止選取網(wǎng)頁(yè)內容:
在IE中一般用js:obj.onselectstart=function(){return false;};
而firefox用CSS:-moz-user-select:none;
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請點(diǎn)擊舉報。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
CSS的解決IE5/IE5.5/IE6/FF/IE7的兼容性問(wèn)題(2)
IE和Firefox在JavaScript方面的兼容性
IE和firefox兼容問(wèn)題
Javascript 多瀏覽器兼容性問(wèn)題及解決方案
ie和火狐兼容問(wèn)題(轉載)
JavaScript js 兼容瀏覽器問(wèn)題 兼容FireFox(FF)、IE的解決方法
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導長(cháng)圖 關(guān)注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久