今天小编给大家分享一下Java的FE潜规则有哪些的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

目前创新互联建站已为上1000家的企业提供了网站建设、域名、虚拟主机、网站托管运营、企业网站设计、日喀则网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

1 首先是最简单的select标签，就有诸多不兼容：

A、 cloneNode方法，对于非IE浏览器没有问题，对于IE浏览器，我遇到的问题包括：

1）option selected的会clone不过去，然后会将***个option作为selected值

2）事件clone也会有问题

B、Readonly：对于IE6，可以通过以下方法将select设为readonly：

obj.onbeforeactive=function(){return false}
obj.onfocus=function(){obj.blur();}
obj.onmouseover=function(){obj.setCapture();}
obj.onmouseout=function(){obj.releaseCapture();}

对于其他浏览器，我采用的是元素替代法，动态创建一个input标签，把值赋给它，然后将select隐藏。

C、select的z-index对于IE6无效，网上有很多关于这个讨论，jQuery采用一个iframe搞定

D、动态添加option的方法不同，这个网上一搜一大堆

E、对于onclick和onchange的响应不同，在FF下可以在onclick select时动态读取option值然后构建option，然后选中一个值后执行onchange事件，但是IE下不能这样做。

2 css对offsetWidth之类的理解不同

http://newleague.iteye.com/blog/765535

3 对于vertical-align baseline的理解不同：

http://w3help.org/zh-cn/causes/RD1016

4 设置背景色

element.style.backgroundColor

在firefox下想改变颜色，必须先设为null，再设为其他颜色才行，即先取消原来的颜色。

在IE下，想取消颜色，必须设为''才行，而换其他颜色，无需先去掉之前的颜色，而如果你设成了null，反倒不行了。

5 不同浏览器去padding的理解不同

6 不同浏览器对强制换行和强制不换行的理解不同：

最恶心的是对于IE6，如果是我是蚊子，那么在td上写了word-break：keep-all依然无效，必须在span上也写。

7 获得head节点的方式不同

在Firefox下可以用window.head，而所有浏览器都兼容的方式是document.getElementsByTagName('head')[0]

8 往head上添加css code的方法不同，也就是动态添加