В чем разница между разными методами помещения кода JavaScript в <a>?

Зачем это делать, если можно использовать 9X_divs addEventListener / attachEvent? Если нет href -эквивалента, не используйте 9X_html , используйте и стилизуйте его соответствующим 9X_html-tag образом.

Вы забыли другой способ:

5: Link 

С кодом JavaScript:

document.getElementById('myLink').onclick = function() { // Do stuff. }; 

Я 9X_vanillajs не могу комментировать, какой из вариантов 9X_span имеет лучшую поддержку или какой семантически 9X_vanillajs лучший, но я просто скажу, что мне больше 9X_html5 нравится этот стиль, потому что он отделяет 9X_div-layouts ваш контент от вашего кода JavaScript. Он 9X_.js хранит весь код JavaScript вместе, что намного 9X_vanillajs проще поддерживать (особенно если вы применяете 9X_vanilla-javascript это ко многим ссылкам), и вы даже можете 9X_div поместить его во внешний файл, который затем 9X_divs можно упаковать для уменьшения размера файла 9X_html и кэшировать в клиентских браузерах.

link 
Я сделаю это или:

link (document.getElementById("Link")).onclick = function() { DoSomething(); return false; }; 

В зависимости от ситуации. Для 9X_vanilla-javascript более крупных приложений лучше всего подходит 9X_javascript-library второй, потому что он объединяет ваш код 9X_div-layouts события.

Метод № 2 имеет синтаксическую ошибку в 9X_.js FF3 и IE7. Я предпочитаю методы №1 и №3, потому 9X_div-layouts что №4 загрязняет URI символом «#», хотя 9X_javascript и требует меньше ввода ... Очевидно, как 9X_webpage отмечается в других ответах, лучшим решением 9X_vanilla-javascript является отделение HTML от обработки событий.

Я заметил одно различие между этим:

Click me 

и это:

Click me 

в 9X_html5 том случае, если в любом случае у вас есть:

тогда 9X_span для первого примера act2 будет выполняться перед 9X_webpage act1, а во втором примере все будет наоборот.

Только современные браузеры

Button 1

Кроссбраузерность

Button 1

Вы можете запустить это до того, как документ 9X_ecmascript будет готов, нажатие кнопок будет работать, потому 9X_ecmascript что мы прикрепляем событие к документу.

Источники:

• Test if an element contains a class?
• event.preventDefault() function not working in IE
• https://gist.github.com/eduardocereto/955642