如何在href中调用js/脚本答案

【问题标题】：How to call js / script within href如何在href中调用js/脚本
【发布时间】：2013-03-13 04:06:06
【问题描述】：

我已经在我的模板中成功使用了这个：

<span class="sharethis-text">
<p>More  Options</p>
</span>
<script src="http://w.sharethis.com/button/buttons.js"></script>
<script>
stLight.options({
publisher:'******0b-6eed-4740-81e7-aa3ee0bd9f85',
});
</script>

但是现在我想在这个中调用这个函数：

<More-sharebar><a href="#">More options</a></More-sharebar>

如何正确地包含脚本？

如果答案很简单，我们深表歉意。我是一个完整的初学者。我一直在寻找，但我找不到怎么做。

编辑：感谢到目前为止的答案，我想现在我有函数 stLight.options( 但我不知道如何包含外部 js 文件。而不是编辑函数.php 文件，是否可以简单地将上面的脚本包含在我的 HTML 中，但给它一个名称，并以某种方式在 href 中调用该名称？另一件事：原始工作的功能在悬停时触发。如果可能的话，我想保留它。为我的无知道歉。

【问题讨论】：

标签： javascript href html

【解决方案1】：

在 HREF 中，您将调用所需的函数，而不是脚本文件本身。

所以你必须在你的 HTML 文件中包含你的脚本（如果可能的话，在文件的末尾，而不是在标题中），然后从你的 href 中调用方法/函数。

【讨论】：

所以我可以剥离类，只需要知道如何调用该函数。我只是在努力寻找函数的名称

【解决方案2】：

在标记中定义属性：

    onclick="javascript:functionName();"

或

    onclick="return functionName(attribs)"

这应该会有所帮助。

但它应该这样做：

<a id="do_something">
   aaa
</a>

<script type="text/javascrip">
$.(function(){
   $('a#do_something').click(functionName());
});

【讨论】：

js 文件在我的站点外部，除非我将它与发布者 ID 结合使用，否则该功能将不起作用。所以我不知道要调用什么函数，或者如何将我的发布者 ID 添加到新代码中。

【解决方案3】：

如果你的 file.js 中有：

function helloWorld(){...}

你在 href 中调用这个函数的事件：

<a href="#" onClick="helloWorld()">More options</a>

【讨论】：

【解决方案4】：

写一个函数来调用你想要的函数。根据你的帖子，也许是stLight.options？如果您不希望 a 链接的导航行为，请返回 false。
```
function clickHandler() {
    stLight.options({
        publisher:'******0b-6eed-4740-81e7-aa3ee0bd9f85',
    });
    return false;
}
```

将onclick 处理程序添加到a 链接。

<More-sharebar><a href="#" onclick="javascript:clickHandler()">More options</a></More-sharebar>

【讨论】：

非常感谢。我如何在函数中包含w.sharethis.com/button/buttons.js？这是一个外部托管的文件。对不起，我的无知，但原来的功能是悬停，而不是点击。 href 是否有悬停的可能性？
您可以在或 html 中的其他位置添加<script src="http://w.sharethis.com/button/buttons.js"></script>。浏览器一看到script 标签就会下载并包含外部脚本文件。对于悬停动作，请查看 onmouseover 和 onmouseout。就像onclick。

【解决方案5】：

Javascript 支持以下语法：

<a href='javascript:alert('Hi')'>ClickMe</a>

这应该可以解决您的问题。

这是参考Draft

【讨论】：

【解决方案6】：

只需将此 Javascript 放入您的 href:

<a href="javascript:;">More options</a>

【讨论】：