Cómo llamar a la función de JavaScript en lugar de href en HTML

Question

tengo alguna maqueta en formato HTML

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

me dio la respuesta del servidor cuando envié la solicitud.

Con esta maqueta obtuve como respuesta la solicitud AJAX que envía mi código al servidor.

Bueno, todo está bien, pero cuando hago clic en el enlace, el navegador quiere abrir la función como enlace; es decir, después de hacer clic veo la barra de direcciones como

javascript:ShowOld(2367,146986,2) 

significa que el navegador que está url si quiero hacer esto en Firebug que es el trabajo. Ahora quiero hacer eso, entonces cuando alguien hace clic en el enlace, el navegador intenta llamar a la función ya cargada en el DOM en lugar de intentar abrirlos en el navegador.

Answer 1

Esa sintaxis debería funcionar correctamente, pero puede probar esta alternativa.

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

o

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

Answer 2

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

Answer 3

tratar de hacer su Javascript discreta:

• se debe utilizar un vínculo real en el atributo href
• y añadir un oyente de evento de clic para manejar ajax

Answer 4

También debe separar el javascript del HTML.
HTML:

<a href="#" id="function-click"><img title="next page" alt="next page" src="/themes/me/img/arrn.png"></a> 

javascript:

myLink = document.getElementById('function-click'); 
myLink.onclick = ShowOld(2367,146986,2); 

Sólo asegúrese de que la última línea de la función ShowOld es:

return false; 

ya que esto detendrá el enlace se abra en el navegador .

Answer 5

Si solo tiene como "hacer clic en el controlador de eventos", utilice un <button> en su lugar. Un enlace tiene un significado semántico específico.

Ej:

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

Answer 6

que usar un poco de CSS en un lapso para que se vea como un enlace de este modo:

CSS:

.link { 
    color:blue; 
    text-decoration:underline; 
    cursor:pointer; 
} 

HTML:

<span class="link" onclick="javascript:showWindow('url');">Click Me</span> 

JAVASCRIPT:

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