如果你问我，也不会；

如果您的“链接”仅用于运行某些JavaScript代码，则它不符合链接的资格；我建议使用带有onclick处理程序的＜span＞标记和一些基本CSS来模拟链接。链接是用于导航的，如果您的JavaScript代码不是用于导航，那么它不应该是一个＜a＞标记。

例子：

函数callFunction（）｛console.log（“函数调用”）；｝.js操作{光标：指针；颜色：#00f；文本装饰：下划线；}<p>我想在这里调用JavaScript函数</p＞

最简单且最为大家所使用的是javascript:void（0）。您可以使用它来代替使用#来停止标记重定向到标题部分。

<a href="javascript:void(0)" onclick="testFunction();">Click To check Function</a>

function testFunction() {
    alert("hello world");
}

我建议改用＜button＞元素，特别是当控件应该在数据中产生更改时。（类似于POST。）

如果不引人注目地注入元素，这是一种渐进式增强，效果会更好。（请参阅此评论。）

我同意其他地方的建议，即应该在href属性中使用常规URL，然后在onclick中调用一些JavaScript函数。缺陷在于，它们在调用后自动添加return false。

这种方法的问题是，如果函数无法工作或出现任何问题，链接将变得不可点击。Onclick事件将始终返回false，因此不会调用正常的URL。

有一个非常简单的解决方案。如果函数工作正常，则返回true。然后使用返回的值确定是否应取消单击：

JavaScript

function doSomething() {
    alert( 'you clicked on the link' );
    return true;
}

HTML

<a href="path/to/some/url" onclick="return !doSomething();">link text</a>

注意，我否定了doSomething（）函数的结果。如果它有效，它将返回true，因此它将被否定（false），路径/to/some/URL将不会被调用。如果函数返回false（例如，浏览器不支持函数中使用的内容或其他任何错误），则将其否定为true，并调用路径/to/some/URL。

我基本上是在用渐进式增强来解释这篇实用文章。简单的答案是，您永远不会使用javascript:void（0）；或#，除非您的用户界面已经推断JavaScript已启用，在这种情况下，您应该使用JavaScript:void（0）；。此外，不要使用span作为链接，因为这在语义上是错误的。

在应用程序中使用SEO友好的URL路由，例如/Home/Action/Parameters也是一种很好的做法。如果你有一个链接到一个没有JavaScript的页面，你可以在之后增强体验。使用指向工作页面的真实链接，然后添加联机事件以增强演示。

这是一个示例。Home/ChangePicture是一个指向页面上的表单的工作链接，该表单带有用户界面和标准HTML提交按钮，但它被注入到带有jQueryUI按钮的模态对话框中看起来更好。无论哪种方式都有效，这取决于浏览器，满足移动优先开发。

<p><a href="Home/ChangePicture" onclick="return ChangePicture_onClick();" title="Change Picture">Change Picture</a></p>

<script type="text/javascript">
    function ChangePicture_onClick() {
        $.get('Home/ChangePicture',
              function (htmlResult) {
                  $("#ModalViewDiv").remove(); //Prevent duplicate dialogs
                  $("#modalContainer").append(htmlResult);
                  $("#ModalViewDiv").dialog({
                      width: 400,
                      modal: true,
                      buttons: {
                          "Upload": function () {
                              if(!ValidateUpload()) return false;
                              $("#ModalViewDiv").find("form").submit();
                          },
                          Cancel: function () { $(this).dialog("close"); }
                      },
                      close: function () { }
                  });
              }
        );
        return false;
    }
</script>

我从你的话中了解到，你想要创建一个链接来运行JavaScript代码。

然后你应该考虑到有人在浏览器中阻止JavaScript。

因此，如果你真的要将该链接仅用于运行JavaScript函数，那么你应该动态添加它，这样即使用户没有在浏览器中启用JavaScript，也不会看到它，而你使用该链接只是为了触发一个JavaScript函数，在浏览器中禁用JavaScript时，使用这样的链接是没有意义的。

由于这个原因，当JavaScript被禁用时，它们都不好。

a如果启用了JavaScript，并且您只想使用该链接调用JavaScript函数，则

<a href="javascript:void(0)" onclick="myJsFunc();">Link</a>

比使用

<a href="#" onclick="myJsFunc();">Link</a>

因为href=“#”将导致页面执行不需要的操作。

此外，<a href=“javascript:void（0）”onclick=“myJsFunc（）；”>Link</a>优于<a href=”#“onclick=“myJsFunc（；）”>Link//a>的另一个原因是javascript被用作大多数浏览器的默认脚本语言。例如，InternetExplorer使用onclick属性来定义要使用的脚本语言类型。除非出现另一种好的脚本语言，否则Internet Explorer也会使用JavaScript作为默认语言，但如果另一种脚本语言使用JavaScript：，则会让Internet Explorer了解正在使用的脚本语言。

考虑到这一点，我更喜欢使用和锻炼

<a href="javascript:void(0)" onclick="myJsFunc();">Link</a>

为了让它成为一种习惯，为了更方便用户，请在JavaScript代码中添加此类链接：

$(document).ready(function(){
    $(".blabla").append('<a href="javascript:void(0)" onclick="myJsFunc();">Link</a>')
});