DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> a標簽href屬性和onclick事件的比較介紹
a標簽href屬性和onclick事件的比較介紹
編輯:HTML和Xhtml     

首先說一下, href屬性 和 onclick事件 的執行順序,當鼠標點擊a標簽的時候會先執行 onclick事件, 然後才是 href 屬性下的動作(頁面跳轉,或 javascript 偽鏈接),如果不想執行href 屬性下的動作執行,onclick 需要要返回 false ,一般是這樣寫onclick="xxx();return false。

href屬性裡面如何執行javascript代碼表達式及規范寫法

“在Javascript中void是一個操作符,該操作符指定要計算一個表達式但是不返回值。

void 操作符用法格式如下:

1. javascript:void (expression)
2. javascript:void expression

expression 是一個要計算的 Javascript 標准的表達式。表達式外側的圓括號是選的,但是寫上去是一個好習慣。 (實現版本 Navigator 3.0)

你以使用 void 操作符指定超級鏈接。表達式會被計算但是不會當前文檔處裝入任何內容。 ”

href=#包含了一個位置信息默認的錨是#top 也就是網頁的上端 ,而javascript:void(0) 僅僅表示一個死鏈接,沒有任何信息。所以調用腳本的時候最好用void(0)

href一般是指向一個URL地址,也可以調用javascript ,如href="javascript:xxx();",文檔中推薦這樣寫:<a href=" javascript:void(0)" onclick="xxx();">xx</a>,但是這種方法在復雜環境有時會產生奇怪的問題,盡量不要用javascript:協議做為A的href屬性,這樣不僅會導致不必要的觸發window.onbeforeunload事件,在IE裡面更會使gif動畫圖片停止播放。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved