JS跨浏览器兼容，一点点总结

不同的浏览器，对不同的/相同的属性、薯瞎清方法等的支持程度也会有所差别，要想达到满意的效果，需要做一些处理、给不同的浏览器量体裁衣，也就是所说的达到兼容。

常见的处理方式：（能力检测和浏览器检测）

1、三目运算式

typeof A=='B'?A:C

浏览器的类型A是神弯B吗，是的话就用A，否则就用C。

2、逻辑或（没有1可靠）

var A=B||C

浏览器存在B或C其一，或者都存在。都存在默认用B。

3、检测浏览器引擎和版本号

BrowserDetect.browser == 'Internet Explorer' &&BrowserDetect.version <= 7

根据不同的浏览器做不同的方案处理。

上栗子

IE、Safari、Opera 和Chrome 都提供screenLeft 和screenTop 属性，分别用于表示窗口相对于屏幕左边和上边的位置。Firefox 则在screenX 和screenY 属性中提供相同的窗口位置信息，Safari 和Chrome 也同时支持这两个属性。但是不建议在Opera中使用screenX 和screenY。

在IE、Opera 中，screenLeft 和screenTop 中保存的是从屏幕左边和上边到由window 对象表示的页面可见区域的距离（包括工具栏） ，而在Chrome、Firefox 和Safari 中，screenY 或screenTop中保存的是整个浏览器窗口相对于屏幕的坐标值，即在窗口的y 轴坐标为0 时返回0。

outerWidth 和 outerHeight 返回浏览器窗口本身的尺寸大小。而innerWidth 和innerHeight则表示该容器中页面数前视图区的大小（减去边框宽度）。

document.documentElement.clientWidth 和

document.documentElement.clientHeight 中保存了页面视口的信息。在IE6中，这些属性在标准模式（document.compatMode == "CSS1Compat"）下才有效，在混杂模式（document.compatMode == "BackCompat"）下必须通 document.body.clientWidth 和 document.body.clientHeight 来获取

最简单的是

<td >

<input type="hidden" id="mxkmmc" name="mxkmmc" cssClass="width150" />橡者

改为

<td ><皮悉input type="hidden" id="mxkmmc" name="mxkmmc" cssClass="width150" />

也就是说input和select标签不要有空格，因为空格对于ie来说不是子元素，对于其他浏览器来说却是，所以得到的结果不是你想要的，欢迎继续提问，望采纳梁握薯！

1；说一下我个人的经验吧。

2；我做网页的时候测试我是帆侍敏用火狐（FF），因为FF的插件比较多，相对方便一点，在FF下面让网页是正常的效果。

3；全部完成后在用谷歌，IE9，8，7，6，360等浏览器测试。

4；基本上时间长了，发现，FF下面正常基本上谷歌，360，IE9，8下面就没有太大的问题。

5；但是这个时候IE6，7下就要看有没有问题了，有的话这个时候也不要着急，看到底是自己的代码哪里出了问题，一点点检查，如果发现了问题，但是需要改动很大，这个时候就可以用针对IE6，7的hack来解决。

6；带星号（*）的代码是IE6，7都可以识别的，带下划线（_）的代码是只有IE6可以识别的，这个时候针对他们写具体的代码。

7；至于JS的话说一万字估计都说不完。。。

8；总结一句话：多练习，多思考，多研究，看人家怎么写的，然后自己尝试写下，慢慢的自然就懂了。

----------------------------------------------------

切合自身的看法态枝，纯手打，希望你会满意！

----------------------------------------------------

不需要，会HTML+CSS+JS+PS，FLASH会更好，一般不是太要求的谈升，至于你说的什么flash游戏，那有点远了，现在基本上flash用的都很少，基本的效果JS或者JQ就可以实现。

这样可以么？

---