您的位置：首页 > Web前端 > JavaScript

<a>标签中使用js函数

2016-08-18 11:40 323 查看

[align=center][/align]

使用连接执行JS的方法如下：

使用href="javascript:alert(1);" 执行

<a href="javascript:alert(1);">test</a>

使用onclick="alert(1)" 执行

<a href="#" onclick="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="#" onclick="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);" onclick="alert(1);">test</a>

简洁写法

<a href="javascript:;" onclick="alert(1);">test</a>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航