九游会ag9|（集团）点击登录

您如今的地位：首页 > 资源 > 技能文档

怎样批量消弭链接虚线框？

文章泉源：　2014-03-03　点击次数：

列位想必都晓得，onfocus=”this.blur()”这条代码能消弭链接时的虚线框，但你有没有想过，假如你的网页上有几个乃至上百个链接，而你又想要去失下面那些厌恶的虚线框，岂非你还一个个去Ctrl+C、Ctrl+V，天哪！这对一个正凡人来说相对是个噩梦。大概你会说，用DW或别的文本编辑器里的“查找/交换”功效就能办理，对！不行否定，这是一个好措施，但作为一个良好的web developer，用尽大概少的代码完成一样的功效才是九游会该当寻求的目的，上面九游会就用htc来办理这题目。至于htc是什么，全称便是Html Components，由微软在IE5.0后开端提供的一种新的指令组合，它可以把某种特定功效的代码封装在一个组件之中，从而完成了代码的反复利用。作为一个组件，htc里包括了属性、办法、事情等等种种知识，在这里就纷歧一介绍了，详细内容列位可以参考微软的msdn主页。

回到开端处，Onfocus=this.blur()在这里很显然，onfocus是一个事情，this.blur()则是被事情所触发的工具，既然这点明白了，代码就晓得该怎样写了。

<public:attach event=”onfocus” onevent=”example()” />

<script language=”javascript”>

function example(){

this.blur();

}

</script>

将以上代码存为.htc为扩展名的文件，然后再编写一个平凡的html网页

<html>

<head>

<style>

a {behavior:url(htc文件地点途径地点)}

</style>

<body>

<a href=”#”>链接1</a>

<a href=”#”>链接2</a>

<a href=”#”>链接3</a>

点链接尝尝，没有虚线框了吧

</body>

</html>
注：将以上的中文引号改为英文的。
OK，保管，预览，怎样样？结果出来了吧，再看看代码，确实精简了不少，并且在链接越多时表现得越创造显。最初我要说的是，这还仅仅是htc使用上的冰山一角罢了，更多的功效还必要你们去了解，信赖有点JS与CSS底子的你肯定能学有所成。

以下办法由网友路人提供

a { blr:expression(this.onFocus=this.blur()) } /*针对 IE*/
a { outline:none; }/*针对火狐*/