如何去掉超链接文字点击后的灰色框？

如何去掉超链接文字点击后的灰色框？

在web开发的过程中，你有可能会遇到这样的问题，就是当点击了一个超链接的文字后，文字周围会有虚线，有的时候为了考虑更加美观需要去掉这个虚线，如何去呢？

通过研究可以通过JavaScript的方法来去除，通过纯的JavaScript和jquery两种方法来解决这个问题，下面做一下简要介绍。

1. 可以通过纯粹的JavaScript来实现，只要在页面的head标签里加入以下代码即可：

   <script type="text/javascript">
   window.onload=function(){
   var aLinks=document.getElementsByTagName('a');
   	for(var i=0;i<aLinks.length;i++)
   	{
   		aLinks[i].onfocus=function(){
   			this.blur();
   		};
   	}
   }
   </script>

2. 可以通过jquery来实现。

   <script type="text/javascript">
   $(function(){
   	$('a').bind('focus', function(){
   		this.blur();
   	});
   });
   </script>