去除链接虚线全面分析总结

链接

传统办法,在标签内加属性 代码多,修改难

<a href="link1.htm" >link1</a>

<a href="link1.htm" >link1</a>

<a href="link1.htm" hidefocus="true">link1</a>

<a href="link1.htm" hidefocus="hidefocus">link1</a>

<a href="link1.htm" hidefocus>link1</a> 非标准

中级办法,全局控制 

CSS实现 增加IE负担,不推荐使用

a{blr:expression(this.onFocus=this.close());}

a{blr:expression(this.onFocus=this.blur());}

HTC实现 IE支持,并有延迟,不推荐

把下面这段代码存为.htc为扩展名的文件

<public:attach event="onfocus" onevent="hscfsy()"/>
<script language="javascript">
function hscfsy(){
this.blur();
}
< /script>

样式调用

a {behavior:url(htc文件所在路径地址)}

高级办法,全局控制

遍历实现

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

将其封装为一个函数

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的
但要记住参数要用大写字母

应用技巧及疑问

A. map area内链接如何消除链接虚线?

这是一个观念上的错误,其实应该在所在map的图片上加以控制,而不是在area内,参考传统办法

B. 关于onFocus

<a href=“http://blog.csdn.net/alonesword/“ >
<Img Src="http://www.webjx.com/htmldata/2005-08-07/Example.jpg" Border=0>
</a>

其中,onFocus是设置鼠标焦点事件的东西,这个可以用,也可以不用,不过为了让更多的浏览器识别的话,建议采用;Border=0 这个才是去除虚线框的关键所在(在网上看到有的人用onFocus=“this.blur()“来消除虚线框,但在本地测试时,仅仅用这一句是不能消除的)

时间: 2024-10-24 12:22:38

去除链接虚线全面分析总结的相关文章

去除链接虚线全面分析总结_javascript技巧

传统办法,在标签内加属性 代码多,修改难 <a href="link1.htm" onfocus="this.blur()">link1</a> <a href="link1.htm" onfocus="this.close()">link1</a> <a href="link1.htm" hidefocus="true">li

去除链接虚线框

链接 局部控制 <a href="link1.htm" >link1</a> <a href="link1.htm" >link1</a> <a href="link1.htm" hidefocus="true">link1</a> <a href="link1.htm" hidefocus="hidefocus&quo

网页制作技巧:去除链接虚线框

局部控制 <a href="link1.htm" onfocus="this.blur()">link1</a><a href="link1.htm" onfocus="this.close()">link1</a><a href="link1.htm" hidefocus="true">link1</a><a

去除链接元素的虚线框(兼容IE7、IE6、FF)

DIVCSS实例教程:去除链接元素的虚线框(兼容IE7.IE6.FF)-浏览器兼容教程 Web的发展非常迅速,UI设计也越来越美观,漂亮.同时也给WEB前端编码提出了新的要求.链接元素在点击时会出现虚线框,由于种种原因,您的主管可能要求你想办法将链接虚线边框出除. 我们采用htc文件的办法来解决这个问题.首页将以下代码保存为link.htc文件.   <public:attach event="onfocus" onevent="hscfsy()"/>

去除链接的一个正则式函数

函数|链接|正则|正则式 以下是函数源代码:'========================================================= '正则式去除链接函数 'QQ: 50489390 '========================================================= Function RegRemoveHref(HTMLstr)  Set ra = New RegExp  ra.IgnoreCase = True  ra.Global

网站推广之链接广泛度分析

链接|推广|网站推广 Internet的变化日新月异,其庞大的容量对搜索引擎的索引更新和服务无疑是一种考验.搜索引擎也一直在努力寻求创新的途径,例如以关联站点的广泛度为基础进行排名,以此抵消对搜索引擎的spam伎俩和对页面因素恶意操纵的不良竞争结果,达到为用户提供最为精准和相关的搜索结果的目的.如今,通过将链接广泛度这个因素整合到其排名算法中,搜索引擎(例如Google)已然能够为冲浪者们提供卓越的搜索经验. 但这并不意味着我们就可以对页面因素和网站内容掉以轻心.正确的理解应该是:对于两个页面优

站养站之友情链接与来路分析

站养站之友情链接与来路分析 博客推广 优势: 1.数量上不受限制,这点跟论坛推广一样,软文发一千,一万,你也不用在自己的站上增加一个别人的链接. 2.同一篇软文里,链接数量也没论坛推广那么严,如果你手头有几个站,在文章后面都去做上链接,也没关系. 3.各大门户站里开博,基本上都带友情链接功能的,这样不管你有几个,你都可以加进去,而且是自己选择锚文本的链接. 不足: 1.站长去各大门户开博,为的是能多几个外链,不会花很多的时间精力去对那些博客进行宣传推广,所以在博客上做的链接,除了增加外链之外,其

免费让权重1-10首页链接你 顶尖SEO链接诱饵案例分析

分析网站:http://www.gushu.cn/ 分析时间:2009-9-18 P R:8 有人会问,怎么写2009年9月18号,现在不是2013/5/6了吗?对,其实这个网站我第1次分析的时候是在2009-9-18号,只是我把分析详细内容放在了自己的电脑里面储存下来,没有对外公布而已,今天无意又看到了,今天我决定免费分享给大家. 如何不需要支付任何一分钱,利用高级链接诱饵让那些权重比你大1倍.2倍.3倍甚至是4倍以上的首页你!有些人可能会说张新聪老师,吹牛吧!怎么可能会有那么好的事情?下面我

“电商圈”SEO大赛链接诱饵实例分析

最近大部分个人站长都知道"第一届电商SEO大赛",前锋先也准备参加,在个人博客也转载了一下.后来想想,一方面从资源到技术方面nb的人太多了,另一方面这个新博客的主关键词"合肥seo"还没有搞定,所以就静下心来耕种好自己的一亩三分田,不过还是可以围观的.题外话,言归正传,如果作为新手站长不知道什么叫链接诱饵,换句话说不知道怎么创建链接诱饵?那么这次这个"电商圈"比赛十足的给我们演绎了什么叫链接诱饵.为什么这么盖棺定论呢,且听前锋娓娓道来. 1.足够