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、

posted @ 2016-04-18 17:44  HelloBook  阅读(190)  评论(0编辑  收藏  举报