html中鏈接------------如何設置空鏈接或者無效鏈接

 Example Source Code [www.52css.com]
    <ul class="woaicss_title woaicss_title_bg1" id="woaicsstitle">
        <li><a href="javascript:void(0)" οnclick="javascript:woaicssq(1)">52CSS.com</a></li>
        <li><a href="javascript:void(0)" οnclick="javascript:woaicssq(2)">Div CSS教程</a></li>
        <li><a href="javascript:void(0)" οnclick="javascript:woaicssq(3)">CSS佈局實例</a></li>        
        <li><a href="javascript:void(0)" οnclick="javascript:woaicssq(4)">WEB標準化</a></li>
    </ul>


  1、我們爲無序列表UL應用了兩個類woaicss_title、woaicss_title_bg1,第一個類可以對UL及LI、鏈接進行整體的外觀控制。以實現整體美化效果。我們也爲無序列表UL指定了一個id爲woaicsstitle,目的在於可以應用javascript進行樣式控制。
  2、我們增加了四個鏈接,並對鏈接目標指定爲:javascript:void(0)。我們應該瞭解,當鏈接爲“#”時,瀏覽器會回到頁面頂部。而此處我們並不希望看到這樣的結果,因爲在很多情況下,我們的切換框並不一定是在網頁的第一屏,如果點擊鏈接回到頂部,訪客就不會立即看到內容層所出現的變化。失去了製作標籤切換效果的意義。

      3.而且 onclick事件會比 href屬性先執行,所以會先觸發 onclick 然後觸發href,所以如果不想頁面跳轉,可以設置 onclick裏面的js代碼執行到最後返回一個false,這樣 href 裏面的東西就不會執行了。

      4.A herf="#" 表示一個空錨,

        #包含了一個位置信息

       默認的錨點是#top 也就是網頁的上端

      而javascript:void(0)  僅僅表示一個死鏈接

       這就是爲什麼有的時候頁面很長瀏覽鏈接明明是#可是

     跳動到了頁首

    而javascript:void(0) 則不是如此

     所以調用腳本的時候最好用void(0)


轉自:http://blog.csdn.net/lzh1160/article/details/5724386

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章