首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在HTML中调用JavaScript函数而不是href

如何在HTML中调用JavaScript函数而不是href
EN

Stack Overflow用户
提问于 2011-02-15 20:52:06
回答 5查看 406.1K关注 0票数 91

我在HTML中有一些模型

代码语言:javascript
复制
<a href="javascript:ShowOld(2367,146986,2)"><img title="next page" alt="next page" src="/themes/me/img/arrn.png"></a>

当我发送请求时,我得到了服务器的响应。

通过这个模型,我得到了一个AJAX请求的响应,它将我的代码发送到服务器。

好吧,一切都很好,但是当我点击链接时,浏览器想要打开作为链接的函数;这意味着在点击之后,我看到的地址栏是

代码语言:javascript
复制
javascript:ShowOld(2367,146986,2)

意思是浏览器的东西,那是url,如果我想在firebug中做这件事,那就是工作。现在我想这样做,然后当任何人单击链接时,浏览器将尝试调用DOM中已加载的函数,而不是尝试在浏览器中打开它们。

EN

回答 5

Stack Overflow用户

发布于 2011-02-15 21:03:11

如果您只有“单击事件处理程序”,请使用<button>。链接具有特定的语义含义。

例如:

代码语言:javascript
复制
<button onclick="ShowOld(2367,146986,2)">
    <img title="next page" alt="next page" src="/themes/me/img/arrn.png">
</button>
票数 11
EN

Stack Overflow用户

发布于 2014-09-04 00:28:31

我在span上使用了一个小CSS,让它看起来像这样的链接:

CSS:

代码语言:javascript
复制
.link {
    color:blue;
    text-decoration:underline;
    cursor:pointer;
}

HTML:

代码语言:javascript
复制
<span class="link" onclick="javascript:showWindow('url');">Click Me</span>

JAVASCRIPT:

代码语言:javascript
复制
function showWindow(url) {
    window.open(url, "_blank", "directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes");
}
票数 5
EN

Stack Overflow用户

发布于 2011-02-15 20:56:33

<a href="#" onclick="javascript:ShowOld(2367,146986,2)">

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5003867

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档