(搜自網絡,還給網絡)

當鏈接指向為頁外目標時，我們點擊該鏈接，其四周會出現一個虛框，文字鏈接和圖片鏈接都會如此。去除虛框可以用JavaScript的this.blur()實現，然而，每一個超鏈語句都寫上this.blur()工作量會很大，我們有必要尋求一種高效的方法。

　　IE從5.5版本開始支持Web行為的概念。這些行為是由后綴名為.htc的腳本文件描述的，它們定義了一套方法和屬性，程序員幾乎可以把這些方法和屬性應用到HTML頁面上的任何元素上去。Web行為是非常偉大的因為它們允許程序員把自定義的功能“連接”到現有的元素和控件，而不是必須讓用戶下載二進制文件（例如ActiveX控件）來完成這個功能。Web行為還是推薦的擴展IE對象模型和控件集的方法。微軟在它的開發者站點上的DHTML行為庫欄目里提供了幾個定制的Web行為：WebService行為。

　　我們就是利用上述.htc文件來輕而易舉地實現成批去除超鏈虛框。以下內容保存為后綴名為.htc的文件（使用時請將全角標點符號改為小角）：

＜public:attach event=＂onfocus＂ onevent=＂quit()＂ /＞
＜script language=＂javascript＂＞
function quit(){
this.blur();
}
＜/script＞

　　然后，在需要去除超鏈虛框的頁面的＜head＞和＜/head＞之間加入：

＜style type=＂text/css＂＞
a {behavior:url(＂htc文件＂)}
＜/style＞

　　如果頁面已經有了style標簽，只需要將 a {behavior:url(＂htc文件＂)} 一句插入里面即可。

　　這樣，該頁面的超鏈在點擊之后的虛框將不復存在，頁面顯得干干凈凈。

　　去掉鏈接時的虛框只要在你的樣式表中加入以下代碼,就可以去掉鏈接時煩的的虛框　

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */

:focus { -moz-outline-style: none; } /* for Firefox */　

　　是不是很簡單.

轉載于:https://www.cnblogs.com/x116/articles/1030086.html

總結

以上是生活随笔為你收集整理的批量去除链接虚框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。