经常做Web开发的工程师，都会遇到需要将某个域名绑定到特定IP上，进行测试的情况。大家一般都会用修改hosts文件的方式来解决，但是经常也会遇到修改hosts不生效的情况，而且有时生效，有时不生效的情况也有发生，这到底是为什么呢？

起：DNS缓存机制

关于DNS缓存的机制，有一篇非常详细的文章What really happens when you navigate to a URL。

...

前端面试的时候，很多考官都会提到“盒子模型”，如果你能很好的解释清楚，那么证明你css基本功很不错。下边来说一说盒子模型吧。 盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。 
盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型： 
...

在判断当前浏览器是否IE的方法很多，比如下边放到if条件里边都可以说明是ie浏览器，
!-[1,] window.VBArray window.ActiveXObject window.attachEvent 等等，基本都是利用ie的奇葩（因为其它主流浏览器都很正统:-)）

应用例子JS代码如下：

...

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
这就意味着：IE6、7、8都不支持了。同时IE9也是支持一点点HTML5，下边我会就IE怎么不支持HTML5发图证明一下（因为即使浏览器不支持HTML5，那么页面表现形式上也是没什么差别的（部分标签，样式有出入而已））。

...

在前端中，showModalDialog弹出的窗口有时并不能满足我们需要，我们需要弹出新的浏览器窗口，经常会遇到一些页面需要弹出窗口，但是在服务器端用window.open弹出的窗口会被IE阻止掉。

 问题分析：IE会自动判断弹出窗口的状态，它会阻止自动弹出的窗口，而通过我们用鼠标点击弹出的窗口，它是不会阻止的。这里就有一个问题，有人说：我的程序是写在服务器按钮里的，也是通过鼠标点击弹出的呀！其实只有在加载页面后，我们点击到弹出这段时间页面没有被重新加载的情况下，弹出的窗口才不会被阻止！这也就是说，写在服务器控件的回传事件里的window.open都会被阻止。

...

先来看一段代码：

<a href="http://www.kuabaobao.com/" target="_blank">

     <span>挎包包</span> <!--IE or FF 下鼠标放上去是手形状-->

     <label>kuabaobao</label> <!--FF 下鼠标放上去是手形状； IE 下鼠标放上去是箭头形状-->

最近由于公司裁员，忙着在找工作，看到很多公司招聘《前端开发工程师》等类似职务，看了职务要求，比如：

职位要求

1、精通各种Web前端技术，包括XHTML/ XML/ CSS/ Javascript（JS或AS精通一种即可）等

2、习惯于手写符合W3C标准、兼容多种浏览器的前端页面代码

3、深刻理解Web标准，对可用性、可访问性等相关知识有实际的了解和实践经验 

<!--[if lte IE 6]>
<div id="ie6-warning">您正在使用 Internet Explorer 6，在本页面的显示效果可能有差异。建议您升级到 <a href="http://camnpr.com/upload/2012/5/201205141630240150.gif") no-repeat scroll 3px center;
position:absolute;
top:0;
left:0;
font-size:12px;
color:#333;
width:97%;
padding: 2px 15px 2px 23px;
text-align:left;
}
#ie6-warning a {
text-decoration:none;
}
</style> <script type="text/javascript">
function position_fixed(el, eltop, elleft){
// check if this is IE6
if(!window.XMLHttpRequest)
window.onscroll = function(){
el.style.top = (document.documentElement.scrollTop + eltop)+"px";
el.style.left = (document.documentElement.scrollLeft + elleft)+"px";
}
else el.style.position = "fixed";
}
position_fixed(document.getElementById("ie6-warning"),0, 0);
</script>
<![endif]-->

preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。

JS阻止链接跳转