龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

解决JS在firefox和IE下差异问题(1)(4)

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
17.cursor:handVScursor:pointer firefox不支持hand,但ie支持pointer 解决方法:统一使用pointer 18.innerText在IE中能正常工作,但是innerText在FireFox中却不行. 解决方法: if(

17.cursor:handVScursor:pointer

firefox不支持hand,但ie支持pointer
解决方法:统一使用pointer

18.innerText在IE中能正常工作,但是innerText在FireFox中却不行.

解决方法: 

  1. if(navigator.appName.indexOf(Explorer)>-1){  
  2. document.getElementById('element').innerText=mytext;  
  3. }else{  
  4. document.getElementById('element').textContent=mytext;  
  5. }  

19.FireFox中类似obj.style.height=imgObj.height的语句无效

解决方法:
obj.style.height=imgObj.height+'px';

20.ie,firefox以及其它浏览器对于table标签的操作都各不相同。

在ie中不允许对table和tr的innerHTML赋值,使用js增加一个tr时,使用appendChile方法也不管用。

解决方法: 

  1. //向table追加一个空行:  
  2. varrow=otable.insertRow(-1);  
  3. varcell=document.createElement(td);  
  4. cell.innerHTML=;  
  5. cell.className=XXXX;  
  6. row.appendChild(cell); 

21.padding问题

padding5px4px3px1pxFireFox无法解释简写,必须改成padding-top:5px;padding-right:4px;padding-bottom:3px;padding-left:1px;

22.消除ul、ol等列表的缩进时

样式应写成:list-style:none;margin:0px;padding:0px;
其中margin属性对IE有效,padding属性对FireFox有效

23.CSS透明

IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF:opacity:0.6。

24.CSS圆角

IE:不支持圆角。
FF:-moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;。

精彩图集

赞助商链接