Як викликати функцію JavaScript замість href в HTML

У мене є макет в HTML

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

Я отримав відповідь від сервера, коли надіслав запит.

За допомогою цього макету я отримав у відповідь на запит AJAX, який надсилає мій код на сервер.

Ну, все добре, але коли я натискаю на посилання, браузер хоче відкрити функцію як посилання; означає після натискання я бачу адресний рядок як

javascript:ShowOld(2367,146986,2)

означає річ браузера, яка є url, якщо я хочу зробити це у firebug, що працює. Тепер я хочу це зробити, тоді коли хтось натискає посилання, тоді браузер намагається викликати функцію, вже завантажену в DOM, замість того, щоб намагатися відкрити їх у браузері.

Цей синтаксис повинен працювати нормально, але ви можете спробувати цю альтернативу.

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

або

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

ОНОВЛЕНИЙ ВІДПОВІДЬ НА РЯДНІ ЦІННОСТІ

Якщо ви передаєте рядки, використовуйте одинарні лапки для параметрів вашої функції

<a href="javascript:ShowOld('foo', 146986, 'bar');">

Якщо у вас є лише "обробник подій клацання", використовуйте <button>замість. Посилання має конкретне семантичне значення.

Наприклад:

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

Спробуйте зробити свій javascript ненав’язливим:

• ви повинні використовувати справжнє посилання в атрибуті href
• і додати слухача при події клацання для обробки ajax

Я використовую невеликий CSS на інтервалі, щоб виглядати як посилання приблизно так:

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");
}

Ви також повинні відокремити javascript від 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);

Просто переконайтеся, що останній рядок у функції ShowOld:

return false;

оскільки це зупинить відкриття посилання у браузері.

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

hrefнеобов’язковий для aелементів.

Цього цілком достатньо для використання

<a onclick="ShowOld(2367,146986,2)">link text</a>