a標簽不跳轉


<a href="javascript://">父級菜單</a>

  結果是這種寫法在一些瀏覽器下不能到達預期效果(無跳轉),我沒有花時間把這種寫法在主流瀏覽器上都測試一遍看效果。因為這種寫法根本就不規范,在搜索引擎中也沒有搜不到該寫法,索性理解成一個菜鳥在頭腦發熱時的一種發明創造。

  也許當時我想表達的是,javascript:void(0),確實這種寫法是存在也常見的。一些有關她的知識如下:

  1、含義為死鏈接

  2、完整寫法為 javascript:void(expression)

  void是一個操作符,該操作符指定要計算一個表達式但不返回值;expression是一個要計算的表達式。當用戶點擊鏈接時,void(0)不返回值,所以等同於javascript:;

  細心觀察,打開微博和QQ空間時,上面的腳本會經常出現在瀏覽器底部。

  最后是一些搜集的資料

  1、<a>的onclick事件被先執行,其次是href屬性下的動作;

  2、將href屬性設置為#后,點擊鏈接后將跳動到頁面頂部。因為錨點默認為Top,如果不想讓頁面跳動,可以將一個#改成多個#

  3、如果在鏈接的href屬性中調用一個有返回值的函數,當前頁面的內容將被此函數的返回值代替;

  4、盡量不要用javascript:做為<a>標記的href屬性,這樣不僅會導致不必要的觸發window.onbeforeunload事件,在IE里面更會使gif動畫圖片停止播放

最后,我將原來的寫法修改為

<a href="#" onclick="javascript:return false;">父級菜單</a>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM