Html 如何在href中调用js/script
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/15584933/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to call js / script within href
提问by Ian Douglas
I've been using this successfully in my template:
我一直在我的模板中成功使用它：
<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>
But now I want to call this function in this:
但现在我想这样调用这个函数：
<More-sharebar><a href="#">More options</a></More-sharebar>
How is it possible to include the script properly?
如何正确包含脚本？
Apologies if the answer is easy. I'm a complete beginner. I've been searching but I can't find how to do it.
如果答案很简单，请道歉。我是一个完整的初学者。我一直在寻找，但我找不到如何去做。
Edit:Thanks for the answers so far, and I think now I have the function stLight.options( but I don't know how to include the external js file. Instead of editing the functions.php file, is it possible to simply include the script above in my HTML, but give it a name, and somehow call that name in the href? The other thing: the function as it original works triggers on hover. I'd like to retain that, if possible. Apologies for my ignorance.
编辑：感谢到目前为止的答案，我想现在我有函数 stLight.options( 但我不知道如何包含外部 js 文件。而不是编辑 functions.php 文件，是否可以简单地包含上面的脚本在我的 HTML 中，但给它一个名称，并以某种方式在 href 中调用该名称？另一件事：原始工作的功能在悬停时触发。如果可能，我想保留它。为我的道歉无知。
回答by Nitin Jadhav
回答by CGG
If you have in your file.js the:
如果你的 file.js 中有：
function helloWorld(){...}
You call in the href with a event this function:
你用一个事件调用 href 这个函数：
<a href="#" onClick="helloWorld()">More options</a>
回答by Mr.TK
In mark <a> define attrib:
在标记 <a> 中定义属性：
onclick="javascript:functionName();"
or
或者
onclick="return functionName(attribs)"
This should help.
这应该有帮助。
But it should be done like this:
但应该这样做：
<a id="do_something">
aaa
</a>
<script type="text/javascrip">
$.(function(){
$('a#do_something').click(functionName());
});
回答by Moode Osman
Just put this Javascript inside your href:
只需将此 Javascript 放入您的href:
<a href="javascript:;">More options</a>
回答by Arie Xiao
Write a function that calls the function you want. According to your post, maybe it's
stLight.options? Returnfalseif you don't want the navigating behavior of thealink.function clickHandler() { stLight.options({ publisher:'******0b-6eed-4740-81e7-aa3ee0bd9f85', }); return false; }Add the
onclickhandler to thealink.<More-sharebar><a href="#" onclick="javascript:clickHandler()">More options</a></More-sharebar>
编写一个函数来调用你想要的函数。根据你的帖子，也许是
stLight.options？false如果您不想要a链接的导航行为，请返回。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>
回答by Gwennael Buchet
in the HREF, you'll call the function you need, not the script file itself.
在 HREF 中，您将调用所需的函数，而不是脚本文件本身。
So you have to include your script in your HTML file (if possible at the end of the file, not in the header) and then call the method/function from your href.
所以你必须在你的 HTML 文件中包含你的脚本（如果可能，在文件的末尾，而不是在标题中），然后从你的 href 调用方法/函数。
