Dreamweaver如何批量消除网页连接上的“虚线框”

5次阅读

各位想必都知道，onfocus=”this.blur（）” 这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有几个甚至上百个链接，而你又想要去掉上面那些讨厌的虚线框，难道你还一个个去 Ctrl+C、Ctrl+V，天哪！这对一个正常人来说绝对是个恶梦。也许你会说，用 DW 或其它文本编辑器里的 “ 查找 / 替换 ” 功能就能解决，对！不可否认，这是一个好办法，但作为一个优秀的 web developer，用尽可能少的代码实现一样的功能才是我们应当追求的目标，下面我们就用 htc 来解决这问题。至于 htc 是什么，全称就是 HTML Components，由微软在 IE5.0 后开始提供的一种新的指令组合，它可以把某种特定功能的代码封装在一个组件之中，从而实现了代码的重复使用。作为一个组件，htc 里包含了属性、方法、事件等等各种知识，在这里就不一一介绍了，具体内容各位可以参考微软的 msdn 主页。
回到开始处，Onfocus=this.blur（）在这里很显然，onfocus 是一个事件，this.blur（）则是被事件所触发的对象，既然这点明确了，代码就知道该怎么写了。

双击代码全选
1 2 3 4 5 6	`<public:attach event=”onfocus” onevent=”example（）” />` `<script language=”Javascript”>` `function` `example（）{` `this.blur（）；` `}` `</script>`

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

双击代码全选
1 2 3 4 5 6 7 8 9 10 11 12	`<html>` `<head>` `<style>` `a {behavior:url（htc 文件所在路径地址）}` `</style>` `<body>` `<a` `href=”#”> 链接 1 </a>` `<a` `href=”#”> 链接 2 </a>` `<a` `href=”#”> 链接 3 </a>` `点链接试试，没有虚线框了吧` `</body>` `</html>`