1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

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

作者:用户 来源:互联网 时间:2016-07-07 18:46:25

网页链接代码功能虚线一个消除HTML代码

如何批量消除网页连接上的“虚线框” - 摘要: 本文讲的是如何批量消除网页连接上的“虚线框”, 网页   大家想必都知道,onfocus=”this.blur()”这条代码能消除链接时的虚线框,但你有没有想过,如果你的网页上有几个甚至上百个链接,而你又

网页

  大家想必都知道,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基础的你一定能学有所成。



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索网页 , 链接 , 代码 , 功能 , 虚线 , 一个 消除HTML代码 excel怎么消除虚线、草图大师怎么消除虚线、怎么消除打印虚线、批量消除水印、arcgis批量消除伪节点,以便于您获取更多的相关知识。

c#窗体-C#如何判断手机是否已经连接上电脑,如何获取手机的数据。

问题描述 C#如何判断手机是否已经连接上电脑,如何获取手机的数据。 C#如何判断手机是否已经连接上电脑,如何获取手机的数据。我查了资料,用了安卓SDK中的adb.exe 通过命令获取手机信息,但是...

网页制作的特殊技巧三则

...简体版又有繁体版的,现在已经做好了简体版的了,请问如何把它们转化为繁体版的?  答:Dreamweaver中就有转化的功能,选择“Modify→Page Properties”打开页面属 性窗口,在“Document Encoding”中选择“繁体Big5码”即可。但这种...

Drupal 建站2

... 在区块管理部分,你可以配置开启哪些区块、可以设置如何在页面上布置; Drupal对区块是这样定义的:区块是一个内容单元,可以放置在页面中的不同区域(Region)。网站中的页面通常有一种布局方式,称为网页布局(Layout)...

MySQL数据库优化的具体方法说明

...的是MySQL数据库简单实用优化的具体方法的实现,中包括如何定期的表进行分析与检查, 以及如何正确对表进行定期的优化,以下就是具体方案的描述,希望在你今后的学习中会有所帮助。 1、定期分析表和检查表 分析表的语法...

调试手机上网页 (断点 console timeline 选择dom)

用手机看网页,越来越多,手机app套个webview的也很多,那该如何调试手机上的页面了。比如 断点,选dom,console,控制台输出,查看内存,== 嗯,万能的的chrome和safari还是帮我们解决了这些事情 如何用本地的文件代替手机上访问的页面(本地...

前三篇
后三篇
稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

6款热门基础云产品6个月免费体验;2款产品1年体验;1款产品2年体验

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

开发者常用软件,超百款实用软件一站式提供