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

鹏源彩印0317

鹏源彩印0317

2016-02-19 21:29

图老师小编精心整理的DW如何批量消除网页连接上的“虚线框”希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

  各位想必都知道,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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

body

a href=../../”#”链接1/a

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

a href=../../”#”链接2/a

a href=../../”#”链接3/a

点链接试试,没有虚线框了吧

/body

/HTML
 

  OK,保存,预览,怎么样?效果出来了吧,再看看代码,的确精简了不少,而且在链接越多时体现得越发明显。最后我要说的是,这还仅仅是htc应用上的冰山一角而已,更多的功能还需要你们去认识,相信有点JS与CSS基础的你一定能学有所成。

展开更多 50%)
分享

猜你喜欢

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

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

批量消除超链接虚线框

Html CSS布局 Div+CSS XHTML
批量消除超链接虚线框

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop做虚线框

PS PS教程
Photoshop做虚线框

巧用DW轻松制作网页页内连接

Web开发
巧用DW轻松制作网页页内连接

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

如何连接上微信wifi?

手机软件 应用软件
如何连接上微信wifi?

Win7如何取消桌面图标虚线框

电脑网络
Win7如何取消桌面图标虚线框

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Dreamweaver常见设计疑难解答

Dreamweaver常见设计疑难解答

CSS缩写语法总括

CSS缩写语法总括
下拉加载更多内容 ↓