href = javascript:{}是做什么的?

时间:2018-09-15 18:11:27

标签: javascript html href

在下面的代码中使用javascript:{}的原因是什么。与href="javascript:"href="javascript:void(0)"类似吗?

<a href="javascript:{}">This is an example</a>

2 个答案:

答案 0 :(得分:5)

让超链接看起来像一个链接,但没有链接任何东西。

<a href="javascript:{}">This is an example</a>

如果您删除href属性,则a标签将是普通文本。

答案 1 :(得分:4)

它使按钮的行为像一个链接,但是让您执行自定义JS代码,而不是链接到网页。

例如:

<a href="javascript:{ document.write('hi u just pressed me');}"> Press me pls </a>

行为类似

<div onclick="doOnClick()"> Press me pls </a>
<script>
    function doOnClick(){ document.write('hi u just pressed me'); }
</script>

但浏览器将前者视为链接。