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

时间： 2021-07-31 作者：daque

诸位想必都领会，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普通的你确定能学有所成。（根源：5d多媒介）

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

相关推荐

推荐下载

热门阅览

最新排行