30. 事件委托方法
IE：document.body.onload = inject; //Function inject()在这之前已被实现
Firefox：document.body.onload = inject();
有人说标准是：
document.body.onload=new Function('inject()');
31. firefox与IE(parentElement)的父元素的区别
IE：obj.parentElement firefox：obj.parentNode
解决方法: 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择.
32.cursor:hand VS cursor:pointer
firefox不支持hand，但ie支持pointer
解决方法: 统一使用pointer
33.innerText在IE中能正常工作，但是innerText在FireFox中却不行.
解决方法:
if(navigator.appName.indexOf(\
document.getElementById('element').innerText = \
} else{
document.getElementById('element').textContent = \ }
34. FireFox中类似 obj.style.height = imgObj.height 的语句无效
解决方法：
obj.style.height = imgObj.height + 'px'; 35. IE,firefox以及其它浏览器对于 table 标签的操作都各不相同，在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChile方法也不管用。
解决方法：
//向table追加一个空行：
var row = otable.insertRow(-1);
var cell = document.createElement(\cell.innerHTML = \cell.className = \row.appendChild(cell);
36. padding 问题
padding 5px 4px 3px 1px FireFox无法解释简写,
必须改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px;
37. 消除ul、ol等列表的缩进时
样式应写成:list-style:none;margin:0px;padding:0px;
其中margin属性对IE有效，padding属性对FireFox有效
38. CSS透明
IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF：opacity:0.6。
39. 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;。
40. CSS双线凹凸边框
IE：border:2px outset;。
FF： -moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;
兼容各个浏览器(ie6,ie7,firefox)的利用Javascript来选择本地图片预览的功能
兼容各个浏览器(ie6,ie7,firefox)的利用Javascript来选择本地图片预览的功能
最近要做个上传，想实现file文件框上传选择文件后，能够立即预览到选择的图片。在ie6下一试就行。但在firefox下往往不行。原来是[url=file:///]file:///[/url]做怪。现在特别整理下，制作了适合各种浏览器的预览效果。
图片预览 - http://www.itokit.com web开发技术
ie6下的（但不支持firefox）
ie7和ie6下都兼容的（但不支持firefox）
onchange=\Id('myimg1').style.display='block'\
Firefox下（同样也适合ie6,ie7哦）：