九游会app--欢迎您

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

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

文章泉源: 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; }/*针对火狐*/