批量消除超連結虛線框

2021-04-13 01:34:05 字數 827 閱讀 5450

批量消除超連結虛線框

各位想必都知道,οnfοcus=」this.blur()」這條**能消除鏈結時的虛線框,但你有沒有想過,如果你的網頁上有幾個甚至上百個鏈結,而你又想要去掉上面那些討厭的虛線框,難道你還乙個個去ctrl+c、ctrl+v,天哪!這對乙個正常人來說絕對是個惡夢。也許你會說,用dw或其它文字編輯器裡的「查詢/替換」功能就能解決,對!不可否認,這是乙個好辦法,但作為乙個優秀的web developer,用盡可能少的**實現一樣的功能才是我們應當追求的目標,下面我們就用htc來解決這問題。至於htc是什麼,全稱就是html components,由微軟在ie5.0後開始提供的一種新的指令組合,它可以把某種特定功能的**封裝在乙個元件之中,從而實現了**的重複使用。作為乙個元件,htc裡包含了屬性、方法、事件等等各種知識,在這裡就不一一介紹了,具體內容各位可以參考微軟的msdn主頁。

回到開始處,onfocus=this.blur()在這裡很顯然,onfocus是乙個事件,this.blur()則是被事件所觸發的物件,既然這點明確了,**就知道該怎麼寫了。

將以上**存為.htc為副檔名的檔案,然後再編寫乙個普通的html網頁:

鏈結1鏈結2鏈結3

點鏈結試試,沒有虛線框了吧

ok,儲存,預覽,怎麼樣?效果出來了吧,再看看**,的確精簡了不少,而且在鏈結越多時體現得越發明顯。最後我要說的是,這還僅僅是htc應用上的冰山一角而已,更多的功能還需要你們去認識,相信有點js與css基礎的你一定能學有所成。

juven注:

juven在實際工作中,還找到另外解決的方法:第一就是使用外掛程式(scrubber.mxp);另一就是使用css樣式,可加入**:a ,這樣,站內所有的文章都實現了無虛線效果了。  

批量消除虛線框

出處 5d多 各位想必都知道,onfocus this.blur 這條 能消除鏈結時的虛線框,但你有沒有想過,如果你的網頁上有幾個甚至上百個鏈結,而你又想要去掉上面那些討厭的虛線框,難道你還乙個個去 ctrl c ctrl v 天哪!這對乙個正常人來說絕對是個惡夢。也許你會說,用 dw或其它文字編輯...

去除鏈結虛線框

b 區域性控制 b link1 link1 link1 link1 b 全域性控制 b css實現 a 只支援ie,過多使用效率低 a 只支援ie,過多使用效率低 a focus ie不支援 htc實現 ie支援,頁面載完才有效果 把下面這段 存為.htc為副檔名的檔案 呼叫 a js遍歷實現 wi...

去除鏈結虛線框

區域性控制 link1 link1 link1 link1 全域性控制 css實現 a 只支援ie,過多使用效率低 a 只支援ie,過多使用效率低 cqc新加 hidefocus true只是隱藏了焦點 隱藏了虛線 但是焦點還是在該鏈結上 獲得焦點後產生的一些效果如a active的樣式還是能起作用...