使用JavaScript(JS)去除链接虚线框

前面的文章介绍了使用CSS和HTC文件去除链接虚线框的方式,实际上这两种方式都有弊端,CSS方式大量使用的话会严重影响页面载入速度。且不同浏览器之间不能直接兼容,HTC文件方式只能在网页加载完成之后才有效果。这里再给大家推荐一种去除链接虚线框的方式。

JavaScript遍历实现

window.onload=function()
{for(var ii=0; ii<document.links.length; ii++)
document.links[ii].onfocus=function(){this.blur()}}

也可以把JS封装为函数,通过调用来实现

function fHideFocus(tName){
aTag=document.getElementsByTagName(tName);
for(i=0;i<aTag.length;i++)aTag[i].hideFocus=true;
//for(i=0;i<aTag.length;i++)aTag[i].onfocus=function(){this.blur();};}

当前是添加一个hidefocus的属性,注释掉的句子是添加onfucus=this.blur();
然后调用fHideFocus(“A”),即可把a的虚线框去掉
通过传递不同的参数,可以去掉更多的虚线框,比如”BUTTON”可以去掉button的
但要记住参数要用大写字母

CSS去除链接虚线框请阅读:《使用CSS去除链接虚线框
HTC去除链接虚线框请阅读:《使用HTC文件去除链接虚线框