blocks|key|787105|text|<a+href="#"+onclick="javascript:ShowOld(2367,146986,2)">|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|787106|entityMap^0|0|1K|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>&lt;a href="#" onclick="javascript:ShowOld(2367,146986,2)"&gt;</code>

blocks|key|787164|text|您还应该将javascript与HTML分开。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|787165|HTML：|787166|<a+href="#"+id="function-click"><img+title="next+page"+alt="next+page"+src="/themes/me/img/arrn.png"></a>|code-block|syntax|javascript|787167|javascript：|787168|myLink+=+document.getElementById('function-click');
myLink.onclick+=+ShowOld(2367,146986,2);|787169|只需确保ShowOld函数中的最后一行是：|787170|return+false;|787171|因为这将阻止该链接在浏览器中打开。|787172|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

Your should also separate the javascript from the HTML. 
HTML: 

<pre><code>&lt;a href="#" id="function-click"&gt;&lt;img title="next page" alt="next page" src="/themes/me/img/arrn.png"&gt;&lt;/a&gt;
</code></pre>

javascript: 

<pre><code>myLink = document.getElementById('function-click');
myLink.onclick = ShowOld(2367,146986,2);
</code></pre>

Just make sure the last line in the ShowOld function is: 

<pre><code>return false;
</code></pre>

as this will stop the link from opening in the browser.

blocks|key|787209|text|如果您只有“单击事件处理程序”，请使用<button>。链接具有特定的语义含义。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|787210|例如：|787211|<button+onclick="ShowOld(2367,146986,2)">
++++<img+title="next+page"+alt="next+page"+src="/themes/me/img/arrn.png">
</button>|code-block|syntax|javascript|787212|entityMap^0|J|8|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

If you only have as "click event handler", use a <code>&lt;button&gt;</code> instead. A link has a specific semantic meaning.

E.g.:

<pre><code>&lt;button onclick="ShowOld(2367,146986,2)"&gt;
 &lt;img title="next page" alt="next page" src="/themes/me/img/arrn.png"&gt;
&lt;/button&gt;
</code></pre>

blocks|key|787231|text|我在span上使用了一个小CSS，让它看起来像这样的链接：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|787232|CSS：|787233|.link+{
++++color:blue;
++++text-decoration:underline;
++++cursor:pointer;
}|code-block|syntax|javascript|787234|HTML：|787235|<span+class="link"+onclick="javascript:showWindow('url');">Click+Me|787236|JAVASCRIPT：|787237|function+showWindow(url)+{
++++window.open(url,+"_blank",+"directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes");
}|787238|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

I use a little CSS on a span to make it look like a link like so:

CSS:

<pre><code>.link {
 color:blue;
 text-decoration:underline;
 cursor:pointer;
}
</code></pre>

HTML:

<pre><code>&lt;span class="link" onclick="javascript:showWindow('url');"&gt;Click Me&lt;/span&gt;
</code></pre>

JAVASCRIPT:

<pre><code>function showWindow(url) {
 window.open(url, "_blank", "directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes");
}
</code></pre>

blocks|key|1001564|text|对于a元素，href是可选的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1001565|使用它完全足够了|1001566|<a+onclick="ShowOld(2367,146986,2)">link+text</a>|code-block|syntax|javascript|1001567|entityMap^0|2|1|6|4|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

<code>href</code> is optional for <code>a</code> elements.

It's completely sufficient to use

<pre><code>&lt;a onclick="ShowOld(2367,146986,2)"&gt;link text&lt;/a&gt;
</code></pre>

I have some mockup in HTML

<pre><code>&lt;a href="javascript:ShowOld(2367,146986,2)"&gt;&lt;img title="next page" alt="next page" src="/themes/me/img/arrn.png"&gt;&lt;/a&gt;
</code></pre>

I got the response from server when I sent the request.

With this mockup I got as a response of AJAX request that sends my code to server.

Well, everything is fine but when I click on the link the browser wants to open the function as link; meaning after click I see the address bar as 

<pre><code>javascript:ShowOld(2367,146986,2)
</code></pre>

means browser thing that's url if I want to do this in firebug that's work. Now I want to do that then when anyone clicks the link then the browser tries to call the function already loaded in the DOM instead of trying to open them in browser.

How to call JavaScript function instead of href in HTML

服务器

我在HTML中有一些模型<a href="javascript:ShowOld(2367,146986,2)"><img title="next page" alt="next page" src="/themes/me/img/arrn.png"></a>当我发送请求时，我得到了服务器的响应。通过这个模型，我得到了一...

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML中调用JavaScript函数而不是hrefEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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