javascript: 是一個僞協議,其餘的僞協議還有 mail: tel: file: 等等。
1
<a id="jsPswEdit" class="set-item" href="javascript:;">修改密碼</a>
javascript:是表示在觸發<a>默認動做時,執行一段JavaScript代碼,而 javascript:; 表示什麼都不執行,這樣點擊<a>時就沒有任何反應。javascript
通常在這種狀況下,會給<a>綁定一個事件回調,來執行業務,如:java
document.getElementById('jsPswEdit').addEventListener('click', function(e) {
e.preventDefault();
// 當<a>觸發click時,處理業務
}, false);express
href="javascript:;"就是去掉a標籤的默認行爲,跟href="javascript:void(0)"是同樣的函數
void 是JavaScript 的一個運算符,void(0)就是什麼都不作的意思orm
onClick="javascript:mysub()"
若是鼠標左鍵點擊這句所在的標籤 , 將觸發js函數mysub()
onclick 就是接收 鼠標單擊事件的屬性.
/////////////////////////////////////////////////////////////////////////////////////
你這個是一個表單的提交按鈕,當點擊該按鈕,提交表單的同時會觸發mysub函數事件
在作頁面時,若是想作一個連接點擊後不作任何事情,或者響應點擊而完成其餘事情,能夠設置其屬性 href = "#",可是,這樣會有一個問題,就是當頁面有滾動條時,點擊後會返回到頁面頂端,用戶體驗很差。
也就是說當用滾動條的時候,再用「#」的時候,會至關於從新刷新頁面 ------- 爲防止點擊連接後跳轉到頁首,onclick事件return false便可。 ip
1)點擊連接後不作任何事情 ci
<a href="javascript:void(0);" >test</a>
<a href="javascript:;" >test</a>
<a href="####" >test</a> //使用2個到4個#,見的大可能是"####",也有使用"#all"等其餘的文檔
點擊連接後,響應用戶自定義的點擊事件get
<a href="javascript:void(0)" onclick="doSomething()">test</a>
<a href="http:/www.baidu.com" onclick="doSomething();return false;">加上return false 則超連接不能跳轉,無用
<a href="#" onclick="alert();event.returnValue=false;">test</a> 加上return false 則超連接不能跳轉,無用
void是javascript的操做符,意思是:只執行表達式,但沒有返回值,
void 操做符用法格式以下:
javascript:void (expression) javascript:void expression爲了程序風格良好,建議使用第二種帶上括號的 咱們可使用void操做符指定超級連接,如javascript:void(document.form.submit())。表達式會被計算可是不會在當前文檔處裝入任何內容,void(0)計算爲0,但在JavaScript上沒有任何效果,也就是說 <a href="javascript:void(0)">的效果同<a href="javascript:void(1)">的效果是同樣的。 關鍵是隻要知道void是javascipt自身的操做符,它表示的是隻執行表達式,但沒有返回值! 另外頁面會自動調回頂端,是由於"#"默認的瞄點位置是top,因此會出現這種狀況。