2021.2.13解决浏览器兼容问题

解决浏览器兼容性问题

获取元素的样式

	function getstyle(obj,name){
		if(window.getComputedStyle){
			return getComputedStyle(obj,null)[name]   //这个不支持IE8及以下的
		}
		else{
			return obj.currentStyle.name       //支持IE8及以下
			}

事件对象

由于事件的响应函数被触发时，浏览器都会将一个事件对象作为实参传递给响应函数，但是不同的浏览器调用事件对象中的属性时，使用的对象有所差异；比如IE8及以下，需要写成window.event。其他的是event
以下可以解决这种情况，也是在开发过程中经常使用到的。

	方法一：if(!event){
		event=window.event;
		}
	方法二:event=event || window.event;

事件绑定

由于addEventListener()这个方法在IE8及以下不支持，但attachEvent()支持IE8及以下
解决方法:		
		obj:要绑定事件的对象
         //         eventStr 事件的字符串
        //          callback 回调函数

	function(obj,eventStr,callback){
		if(obj.addEventListener){
		//支持大部分浏览器
			obj.addEventListener(eventStr,callback,false);
			}else{
			//支持IE8及以下
				obj.attachEvent("on"+eventStr,function(){
					callback.call(obj);    //attachEvent()中的this,是window,这个操作是为了修改this为obj
					})

未完待续…