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

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

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

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

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

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

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

1 function addEvent(dom,type,arg){
2     if(window.addEventListener){
3        dom.addEventListener(type,arg);//w3c监听事件，IE9以上支持
4    }else{
5        dom.attachEvent(‘on‘+type,arg);//IE监听事件
6    }
7 }

注意：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及以下支持；代码如下：

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

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

5、