去掉图片超链接的蓝色边框，以及去掉点中时候的虚线框

（1）默认图片加超链接后，会出现一个蓝色的框，这样就影响了图片的效果，怎么办？

 

<img   src= " "   border= "0 ">       ok！

 

（2）最近在做项目时发现有些图片或者文字超链接在点击或者激活时周围出现了虚线的边框，这样既影响美观，又导致界面的风格不统一，

 

通过摸索，发现了一个简单的方法，只需要在<a>里面加上一句：

οnfοcus="this.blur()"

 

注：onfocus 事件在对象获得焦点时发生。

this.blur()让当前的焦点转移，虚线框自然就没有了。

 

缺点是每个链接都得加上那么一句语法，那么有没有一句搞定的呢~当然有了！

 

 

//----------去掉超链接的虚线框（tName的值为大写，如A）
function HideTabFocus(tName){
 
aTag=document.getElementsByTagName(tName);

for(var ii=0;ii<aTag.length;ii++)
{
 aTag[ii].hideFocus = true;
}

}

在body 的 onLoad中调用即可。