當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
链接a执行JS
使用連接執行JS的方法如下:
使用href="javascript:alert(1);" 執行
<a href="javascript:alert(1);">test</a>
使用οnclick="alert(1)" 執行
<a href="#" οnclick="alert(1);">test</a>
事件綁定執行
<a id="a1" href="#">test</a>
<script>
document.getElementById('a1').onclick = funtion(){alert(1);};
</script>?
后面兩種有個問題,在點擊連接后URL后會加上#號。
有幾種方法可避免。
在onclick中添加return false;
<a href="#" οnclick="alert(1);?return false;">test</a>
在函數中添加 return false;
<a id="a1" href="#">test</a>
<script>
document.getElementById('a1').onclick = funtion(){
? ? alert(1);
? ? return false;
};
</script>?
修改href="javascript:void(0);"
<a href="javascript:void(0);" οnclick="alert(1);">test</a>
簡潔寫法
<a href="javascript:;" οnclick="alert(1);">test</a>
總結
- 上一篇: JS event使用方法详解
- 下一篇: DOM下的节点属性和操作小结