DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript:void(0)的作用示例介紹
javascript:void(0)的作用示例介紹
編輯:JavaScript基礎知識     
在做頁面時,如果想做一個鏈接點擊後不做任何事情,或者響應點擊而完成其他事情,可以設置其屬性 href = "#",但是,這樣會有一個問題,就是當頁面有滾動條時,點擊後會返回到頁面頂端,或者是跳到設置的錨點的地方,用戶體驗不好。

通常的用法為:
復制代碼 代碼如下:
<a href="javascript:void(0)">單擊此處看看效果</a>

實際上單擊此處什麼也不會發生,其中的javascript:void(0);形式是一個javascript的偽協議,是表示此鏈接不跳轉到任何的地方。

用到javascript:void(0)的情況主要形式有以下幾種:
復制代碼 代碼如下:
//點擊鏈接後不做任何事情
<a href="javascript:void(0);" >test</a>
<a href="javascript:;" >test</a>
<a href="####" >test</a> //使用2個到4個#,見的大多是"####",也有使用"#all"等其他的

復制代碼 代碼如下:
//點擊鏈接後,響應用戶自定義的點擊事件
<a href="javascript:void(0)" onclick="doSomething()">test</a>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved