href=javascript:{} 有什么作用？答案

【问题标题】：What does href=javascript:{} do?href=javascript:{} 有什么作用？
【发布时间】：2018-09-15 18:11:27
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

&lt;a href="javascript:{}"&gt;This is an example&lt;/a&gt;

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

【讨论】：

【解决方案2】：

它使按钮的行为类似于链接，但允许您执行自定义 JS 代码而不是链接到网页。

例如：

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

表现得像

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

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

【讨论】：