html&css&js随笔-问题集锦

1、IE6/7不支持display：inline_block属性:(解决办法)

 div{display: inline-block;*zoom:;*display:inline;}

给元素增加*zomm和*display即可；

2、IE监听事件与W3C标准不一致：

IE9以上已支持标准监听事件：addEventListener。

attactEvent为IE特有监听事件，下面有个点击事件的兼容demo：

 function addEvent(dom,type,arg){
     if(window.addEventListener){
        dom.addEventListener(type,arg);//w3c监听事件，IE9以上支持
    }else{
        dom.attachEvent('on'+type,arg);//IE监听事件
    }
 }

注意：dom表示DOM 元素，例：document；type为点击事件类型，例：click；arg为执行函数。

很简陋，最好适当修改。

3、.replace(/\s+/g,"")这里的g表示全局匹配，并非正则表达式；

4、event.target和event.srcElement

event事件在IE下需使用window.event获取；

event.target chrome,firfox支持，event.srcElement chrome,IE8及以下支持；代码如下：

 var e = event||window.event;//window.event兼容IE8及以下
 var ele = e.target||e.srcElement;//target chrome,firfox支持，srcElement chrome,IE8及以下支持

注意：在IE9以下是无法通过getElementsByClassName获取值，在这里可以听歌srcElement获取

5、