(1) <a href="javascript:void(0);" onclick= "myjs( )"> Click Me </a>
onclick方法負責執行js函數,而void是一個操作符,void(0)返回undefined,地址不發生跳轉。
<a href="javascript:;" > Click Me </a>
和void(0)一樣,都返回"undefined"
是網上很常見的代碼,#是標籤內置的一個方法,用這種方法點擊後網頁後返回到頁面的最頂端所以又有了“##”“#!”等,儘管解決了返回頂部的問題但仍存在其他缺陷
如果相應JavaScript代碼返回true,onclick事件處理函數就會認爲這個鏈接唄點擊了,同樣的若返回false即會認爲鏈接
未被點擊
<a href="http://www.baidu.com" onclick=" myjs(); return false; "> Click Me </a>
<a href="http://www.baidu.com" onclick=" return false; "> Click Me </a>
當點擊a標籤時,JavaScript代碼返回值爲false,故此鏈接默認行爲未被觸發。
<a href="http://www.baidu.com" id="test"> Click Me </a>
<script type="text/javascript">
var test = document.getElementById('test');
function stopDefault( e )
{
if ( e && e.preventDefault )
e.preventDefault();
else
window.event.returnValue = false;
}
test.onclick = function(e)
{
stopDefault(e);
}
</script>