/*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 結果...