Я видел этот вопрос в stackoverflow, но не думаю, что на него вообще есть ответ.

Является ли $(document).readyнеобходимым?

Я связываю все свои javascripts внизу страницы, поэтому теоретически они все запускаются после того, как документ будет готов.

Является ли $(document).readyнеобходимым?

нет

если вы разместили все свои скрипты прямо перед </body>закрывающим тегом, вы сделали то же самое.

Кроме того, если скрипту не нужен доступ к DOM, не имеет значения, куда он загружен, за исключением возможных зависимостей от других скриптов.

Для многих CMS у вас нет особого выбора, где загружать скрипты, поэтому для модульного кода рекомендуется использовать document.readyсобытие. Вы действительно хотите вернуться и отладить старый код, если вы повторно используете его в другом месте?

не по теме:

В качестве побочного примечания: вы должны использовать jQuery(function($){...});вместо, $(document).ready(function(){...});поскольку он заставляет псевдоним $.

Нет, если ваш javascript является последним перед закрытием, вам не нужно добавлять эти теги.

В качестве побочного примечания, сокращение для $ (document) .ready - это код ниже.

$(function() {
// do something on document ready
});

Этот вопрос может быть хорошим. Вы это читали? jQuery: зачем использовать document.ready, если внешний JS внизу страницы?

Нет, в этом нет необходимости, если вы знаете, что у вас нет каких-либо отложенных вещей, и в большинстве случаев вы будете знать, разработали ли вы то, над чем работаете сверху вниз.

- Вы не знаете, когда вводите чужой код без тщательного аудита.

Итак, спросите себя, используете ли вы фреймворк или редактор, который помогает вам со структурой? Вы вводите чужой код и не удосужились прочитать каждый файл? Готовы ли вы пройти через матрицу операционной системы, браузера и версии браузера для тестирования вашего кода? Вам нужно выжать из вашего кода каждую унцию скорости?

document.ready () делает многие из этих вопросов неактуальными. document.ready () был разработан, чтобы облегчить вам жизнь. Это дает небольшой (и, осмелюсь сказать, приемлемый) удар по производительности.

Я видел ссылки / сообщения в блоге в Интернете об использовании jquery document.ready. На мой взгляд, оба варианта - использовать его или поместить весь ваш javascript внизу страницы. А теперь вопрос, что лучше? Это просто вопрос стиля программирования.

Нет, в этом нет необходимости. Вы можете поместить тег скрипта прямо перед закрывающим тегом тела или, если вы поддерживаете IE9 +, вы можете использовать собственный JS.

<script>alert('DOM Loaded!');</script>
</body>

<script>
document.addEventListener("DOMContentLoaded", function(event) { 
      // DOM has loaded ready to fire JS scripts
    });
</script>