onClick w / DOM против onClick в жестком коде

Question

В javascript, каковы преимущества и недостатки кодирования события onclick в DOM и в самом HTML?

Что, если либо, лучше, чем другие, и почему?

Answer 1

Лучше написать свой Javascript в Javascript, как говорит OtherMichael. Еще лучше использовать правильные события DOM (addEventListener и attachEvent), а не on_____, чтобы избежать конфликтов и разрешить множественные обратные вызовы для одного и того же события.

Answer 2

Ваш вопрос почти отвечает сам собой, когда вы ссылаетесь на "сам HTML".

JavaScript - это не HTML. Хранение HTML и JavaScript в разных местах само по себе является преимуществом. Упрощает (по-человечески) чтение HTML, а хранение всех JS в одном месте облегчает отслеживание всего сразу.

Answer 3

Прикрепление событий к идентификатору (или классам) в стиле CSS, как это хорошо делает Jquery, означает, что если у вас не включен JS, он автоматически провалится на любые ссылки, на которые ссылаются. Это хорошая практика, которая поможет убедиться, что ваша страница работает даже в довольно простых браузерах, таких как некоторые мобильные телефоны.

Хорошей практикой также является наложение базовых данных (HTML), представления (CSS) и поведения (Javascript). Менять отдельные слои намного проще, если они хорошо структурированы.