风火一回，一生不毁

placeholder属性树html5提出的新属性，作用是为input框或textarea框添加初始提示内容。当控件获取焦点输入时，清空提示内容。但IE8及其以下的版本并不支持该属性的显示。下面做如下处理：$(function(){ if( !('placeholder' in document.createElement('input')) ){ $('input[

在加载页面时，火狐和谷歌存在这微小的差异，这些小问题如果不注意将困扰你很久。1.页面加载时，火狐会将整个页面预加载完，在执行js方法，包括其中的子页面；而谷歌会先将主页面加载完，执行了主页面的初始化方法，再加载子页面，执行子页面的初始化方法。2.event.x在火狐中是不支持的，而谷歌却可以使用。3.火狐中的事件对象需要预先定义，不能直接使用event，而谷歌可以。

在IE浏览器中用div或者li包裹一个img元素会发现img底部有5px的空白。解决方案如下：1.设置img的vertical-align: bottom；    这样做的目的是让图片靠底部展示，这样就可以将空白处遮盖了。而div是适用子元素高度的，就不会再多出5px了。2.设置img的margin-bottom:-5px;   这样做是让图片的底部上移5px，这样图片的空

1.json中代码末尾多余的“逗号”不能解析。2.JSON对象不能识别（如果没有单独引入json.js）解决方式：引入一个json解析的脚本如果遇到 JSON.parse(str);可使用 eval('('+str+')');代替。3.圆角（border-radius）不兼容问题最好的解决方案是使用图片代替圆角，因为经测试网上给出的兼容方案效果都不理

1、event的relatedTarget、fromElemen和toElement属性mouseover和mouseout事件都涉及鼠标指针从一个元素边界移入另一个元素的边界中。而获得鼠标的元素是主要作用对象，可以移入的元素即为相关元素。relatedTarget属性：event对象的relatedTarget属性提供了相关元素的信息，该对象只对m

首先说明下各浏览器对文件下载的文件名解析编码如下：1.  IE浏览器，采用URLEncoder编码 2.  Opera浏览器，采用filename*方式 3.  Safari浏览器，采用ISO编码的中文输出4.  Chrome浏览器，采用Base64编码或ISO编码的中文输出 5.  FireFox浏览器，采用Base64或filename*或ISO编码的中文输出 

在项目中遇到一个奇怪的问题：<a target="_blank" href="javascript:void(0);">点我啊</a>这样一段代码，在谷歌中点击a标签，并不会发生页面跳转，但是在IE和火狐则会跳转到一个空白页面。问题原因 浏览器默认处理事件的顺序有差异。 Chrome顺序：onclick -> href -> target IE和Firefox顺序：onclick -> ta