常見的瀏覽器兼容性問題(中)

11. input.type屬性問題

問題說明:IE下input.type屬性為只讀;但是Firefox下input.type屬性為讀寫。

解決辦法:不修改input.type屬性。如果必須要修改拉盾,可以先隱藏原來的input,然后在同樣的位置再插入一個新的input元素。

12. event.srcElement問題

問題說明:IE下洲赵,even對象有srcElement屬性,但是沒有target屬性商蕴;Firefox下叠萍,even對象有target屬性,但是沒有srcElement屬性绪商。

解決方法:使用srcObj = event.srcElement ?event.srcElement : event.target;

如果考慮第8條問題苛谷,就改用myEvent代替event即可。

13. body載入問題

問題說明:Firefox的body對象在body標簽沒有被瀏覽器完全讀入之前就存在格郁;而IE的body對象則必須在body標簽被瀏覽器完全讀入之后才存在腹殿。

[注]這個問題尚未實際驗證独悴,待驗證后再來修改。

[注]經(jīng)驗證锣尉,IE6刻炒、Opera9以及FireFox2中不存在上述問題,單純的JS腳本可以訪問在腳本之前已經(jīng)載入的所有對象和元素自沧,即使這個元素還沒有載入完成坟奥。

14.事件委托方法

問題說明:IE下,使用document.body.onload = inject;其中function inject()在這之前已被實現(xiàn)拇厢;在Firefox下爱谁,使用document.body.onload = inject();

解決方法:統(tǒng)一使用document.body.onload=new Function(’inject()’);或者document.body.onload = function(){}

[注意] Function和function的區(qū)別。

15. Table操作問題

問題說明:ie孝偎、firefox以及其它瀏覽器對于table標簽的操作都各不相同管行,在ie中不允許對table和tr的innerHTML賦值,使用js增加一個tr時邪媳,使用appendChild方法也不管用捐顷。

解決方法://向table追加一個空行:

var row = otable.insertRow(-1);var cell = document.createElement("td");cell.innerHTML = "";cell.className = "XXXX";row.appendChild(cell);[注]由于俺很少使用JS直接操作表格,這個問題沒有遇見過雨效。建議使用JS框架集來操作table迅涮,如JQuery。

16.對象寬高賦值問題

問題說明:FireFox中類似obj.style.height = imgObj.height的語句無效徽龟。

? CSS

1. cursor:hand? ?VS? ?cursor:pointer

firefox不支持hand叮姑,但ie支持pointer

解決方法:統(tǒng)一使用pointer

17. innerText在IE中能正常工作,但在FireFox中卻不行.

需用textContent据悔。

解決方法:

if(navigator.appName.indexOf("Explorer")? ?>? ?-1){

document.getElementById('element').innerText? ?=? ?"my? ?text";

}? ?else{

document.getElementById('element').textContent? ?=? ?"my? ?text";

}

18. CSS透明

IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)传透。

FF:opacity:0.6。

opacity透明极颓,子元素會繼承透明屬性朱盐。解決方式:1、使用background:rgba(0,0,0,.6) //IE8及以下無效果菠隆。2兵琳、使用定位,背景色與子元素處于同級關系骇径。

19. css中的width和padding

在IE7和FF中width寬度不包括padding躯肌,在Ie6中包括padding.

?U?

http://www.kgc.cn/?tuin=7133

交流:477706497

驗證:管

b=c.?W?u?t?

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市破衔,隨后出現(xiàn)的幾起案子清女,更是在濱河造成了極大的恐慌,老刑警劉巖晰筛,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嫡丙,死亡現(xiàn)場離奇詭異忠售,居然都是意外死亡,警方通過查閱死者的電腦和手機迄沫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門稻扬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人羊瘩,你說我怎么就攤上這事泰佳。” “怎么了尘吗?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵逝她,是天一觀的道長。 經(jīng)常有香客問我睬捶,道長黔宛,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任擒贸,我火速辦了婚禮臀晃,結果婚禮上,老公的妹妹穿的比我還像新娘介劫。我一直安慰自己徽惋,他們只是感情好,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布座韵。 她就那樣靜靜地躺著险绘,像睡著了一般。 火紅的嫁衣襯著肌膚如雪誉碴。 梳的紋絲不亂的頭發(fā)上宦棺,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天,我揣著相機與錄音黔帕,去河邊找鬼代咸。 笑死,一個胖子當著我的面吹牛蹬屹,可吹牛的內(nèi)容都是我干的侣背。 我是一名探鬼主播白华,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼慨默,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了弧腥?” 一聲冷哼從身側(cè)響起厦取,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎管搪,沒想到半個月后虾攻,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體铡买,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年霎箍,在試婚紗的時候發(fā)現(xiàn)自己被綠了奇钞。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡漂坏,死狀恐怖景埃,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情顶别,我是刑警寧澤谷徙,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站驯绎,受9級特大地震影響完慧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜剩失,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一屈尼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拴孤,春花似錦鸿染、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至绽媒,卻和暖如春蚕冬,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背是辕。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工囤热, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人获三。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓旁蔼,卻偏偏與公主長得像,于是被迫代替她去往敵國和親疙教。 傳聞我的和親對象是個殘疾皇子棺聊,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容