logo标签列表

如何在href中调用JS/脚本

javascripthrefhtml
7

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

<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文件。除了编辑functions.php文件之外，是否可以在我的HTML中简单地包含上面的脚本，但给它一个名称，并以某种方式在href中调用该名称？ 另一件事：原始工作方式触发悬停。如果可能，我想保留那个。 对我的无知表示歉意。

6个回答
12

Javascript支持以下语法：

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

这应该解决你的问题。

这是参考文献草案

2
在标记中，<a> 定义了属性：
    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添加到新代码中，所以出现了问题。 - Ian Douglas
2
如果你的file.js文件中有以下内容：
function helloWorld(){...}

您可以使用事件将 href 调用此函数：
<a href="#" onClick="helloWorld()">More options</a>
1
只需将此JavaScript放入您的href中：

： 

<code><a href="javascript:;">More options</a>
</code>
0
在HREF中，你将调用所需的函数，而不是脚本文件本身。
因此，您必须在HTML文件中包含您的脚本（如果可能的话在文件的末尾，而不是在头部），然后从您的href调用方法/函数。
所以我可以去掉<span>类，只需要知道如何调用函数。我只是在寻找函数的名称。 - Ian Douglas
0

  1. 编写一个调用所需函数的函数。根据您的帖子，也许是 stLight.options？如果您不想要 a 链接的导航行为，则返回 false。

    function clickHandler() {
    stLight.options({
        publisher:'******0b-6eed-4740-81e7-aa3ee0bd9f85',
    });
    return false;
}

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

    <More-sharebar><a href="#" onclick="javascript:clickHandler()">更多选项</a></More-sharebar>
非常感谢。我该如何在函数中包含http://w.sharethis.com/button/buttons.js？它是一个外部托管的文件。对不起，我的无知，但原始函数是在悬停时工作的，而不是在单击时。 href是否有onhover可能性？ - Ian Douglas
你可以在HTML的<head>标签或其他地方添加<script src="http://w.sharethis.com/button/buttons.js"></script>。浏览器会在看到script标签时立即下载并包含外部脚本文件。对于悬停操作，请查看onmouseover和onmouseout。它就像onclick一样简单。 - Arie Xiao
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接