您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關html中a標簽的href屬性與onclick事件怎么用的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
a標簽主要用來實現頁面跳轉,可以通過href屬性實現,也可以在onclick事件里實現。
<aonclick="window.location.href='www.php.cn'"href="javascript:void(0);">PHP中文網</a>
這段代碼在主流瀏覽器里都沒問題,但在IE6下會出現不能跳轉的問題。這究竟是什么原因呢?
javascript:void(0);
void(arg);可以理解為永遠返回null的函數,但是其參數不能為空。其參數可以為任意的表達式甚至函數。
<ahref="javascript:void(name='PHP中文網');alert(name);">測試</a>
測試
IE6先運行DOM本身綁定的事件,如onclick;如果沒有阻止冒泡,則會順序執行href屬性。而void(0);正是不需要執行任何事件,則IE6告訴瀏覽器不執行任何事件(覆蓋之前的動作),并且終止冒泡相當于returnfalse;于是瀏覽器沒有執行任何動作。所以只要在onclick事件內阻止冒泡事件即可。
<aonclick="window.location.href='http://www.php.com';returnfalse;"href="javascript:void(0);">PHP中文網</a>
這樣在IE6下就可以正常運行了。
另外還有一種方法就是不使用javascript:void(0);而改使用#也可以避免,href屬性內的#本來的意思就是錨點#name所以當不指定任何錨點時會到頁面頂端。#是有特定意義的,默認是#top,如果#后有內容會被認為是一個標簽而從頁面找到相應標簽跳轉到該處,找不到會跳轉到頁首,如果不想讓跳轉,可以使用###,###就是一個無意義的標簽指定。
感謝各位的閱讀!關于“html中a標簽的href屬性與onclick事件怎么用”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。