IE和FF相容性記錄。

2021-08-31 06:32:24 字數 1844 閱讀 5527

/*

ie下可以直接使用id作為物件,但是ff下不可以。

譬如有乙個id=mytxt的文字框,

ie下可以:var v = mytxt.value;

但是ff下不可以

*//*event 物件,*/

alert(event)

/*測試結果:

ie:[object]

chrome :[object mouseevent]

ff:undifiend

解決方案:在呼叫方法的時候 顯式傳遞event作為引數。 如:

*/var event = event|window.event;

alert(event);

/*測試結果:

ie是[object]

ff和chrome:[object mouseevent]

*/ /*2

event.x 滑鼠當前的座標(不算滾動條滾動過的距離)

ie和chrome有event.x,但是ff沒有event.x

解決方案:用event.clientx代替event.x(evetnt.y同)

*/alert(event.clientx) //三個瀏覽器都正常。

/*所以,在獲取滑鼠座標是,為了實現ie和ff的相容性,可以如下實現*/

var event =event||window.event;

var x=event.clientx;

/*新增事件處理的方法:*/

ie:element.attatchevent("onclick",function());

ff:element.addeventlistener("click",function())

通用模式:element.οnclick=function()

/*相容方式:*/

var txtdom = document.getelementbyid("mydiv");

if(txtdom.attachevent))

}else if(txtdom.addeventlistener),true);/*第乙個引數是click,區別於ie的onclick,true引數必須加上*/

}else}

/*outerhtml

在ff下沒有outerhtml,可以使用如下方法實現:

*/var dom = document.getelementbyid("mydiv");

var parent = dom.parentnode;//父容器

var body = document.createelement("body");//建立臨時body

var html = body.innerhtml;//列印body的innerhtml也就是dom的outerhtml

body=null;

alert(html);

/*建立body非常有用,可以發散思維一下*/

背景半透明:

- filter:alpha(opacity=80);-moz-opacity:0.8;

dom設定/獲取屬性:

- setattribute/getattrbute

- 強烈要求使用標準函式設定/獲取屬性,以前我一直使用dom.maname = "xx"設定自定義屬性,後來發現,ff和chrome不認識。

設定span不可被選中:

- ie:onselectstart="return false;"

- ff,chrome:-moz-user-select:none;/*ff:使用者不可選中*/

憤怒的jser -- 相容就是強&奸前端程式設計師啊

js Event 在ie與FF的相容性

在寫js的時候,我們很多情況下不得不考慮ie和ff的相容性。很簡單的,ie中的event和ff中的event就不一 樣,獲取方式也不一樣,比如ie中event是全域性window物件的屬性,而ff中卻沒有。有很多時候我們要獲取觸發 事件的源物件 在ie中是srcelement var eventha...

IE6 IE7 IE8 IE9 FF相容性除錯

hack原理 不同瀏覽器對各中字元的識別不同 讀完文章你會發現,ff和ie8對以下字元的識別能力完全相同 在 css中常用特殊字元識別表 1 ie6 ie7都能識別 而標準瀏覽器ff ie8是不能識別 的 2 important 除ie6不能識別 important外,ff ie8 ie7都能識別 ...

IE相容性彙總

平時測試過的一些常見的,以後遇到相容性問題還會持續更新 一 js相關 1.ie7及以下不支援對字串用下標檢索,例如 var s abc console.log s 0 在ie7及以下瀏覽器下結果是undefined 解決辦法是用charat進行檢索 console.log s.chatat 0 結果...