OnClick = "JavaScript: FUNC()" против OnClick = "Func()"

Question

Есть ли разница между

<input type="submit" value="Register" onclick="javascript:submitTheForm();"> 

и

<input type="submit" value="Register" onclick="submitTheForm();"> 

Должен ли я использовать javascript: перед вызовом функции JS ?

Answer 1

javascript: внутри обработчик onwhatever="" не является оператором. Содержимое этого атрибута всегда равно JavaScript, поэтому javascript: определяет label - но вне блока или петли switch (где вы можете использовать его для break/continue на позицию метки), он ничего не делает.

Однако использование обработчиков событий inline не рекомендуется, для регистрации обработчиков событий есть betterways.

---

Хотя не упомянуто в вопросе, стоит отметить, что использование javascript: в атрибуте href делает работу (и там это действительно необходимо), но настоятельно рекомендуется по различным причинам:

• this не указывает на элемент
• Вызов функции, возвращающей значение, приводит к тому, что браузер покидает сайт
• Кликнув по ссылке с отключенными разрывами JavaScript
• Попытка открыть ссылку в новом окне/вкладке разбивает

Так что, если вы действительно должны использовать встроенные события, всегда используйте onclick="" и т.д. без javascript:.

Answer 2

Если вы находитесь в атрибуте onclick, вы не должны использовать префикс javascript:. Это полезно, когда вы хотите ссылку <a /> обработать функцию JS, например:

<a href="javascript:myfunc();"></a> 

Answer 3

javascript:func() использует javascript protocol таким образом, чтобы он мог быть использован в якорях href атрибута. Однако, не делайте этого, см. Why is it bad practice to use links with the javascript: “protocol”? для получения дополнительной информации.

Обработчики событий предпочтительнее запускать события вместо атрибутов.