Как кроссбраузерно, асинхронно подключит JS код?

Question

[Дмитрий Приходченко]

Собственно в ajax приложении возникла необходимость, для некоторых страниц подгружать JS код, причем в основной массе коде и на других страницах он не нужен. Те создать бы какую нибудь область, что то подобное:

<script id="temp">
//Подгружать сюда
</script>

Answer 1

[alexesDev]

1. Есть $.getScript
2. Если загрузить html с помощью $('el').load('url') то весь JS в коде выполнится
3. Попробуйте использовать require.js, это хорошая практика и решит вашу проблему заодно.

Вообще хорошей практикой считается на production весь JS лепить в один файл, даже если он не работает на каждой странице... это нормально.

Comments

[Дмитрий Приходченко]

Спасибо, буду пробывать.

[Евгений Петров]

Хорошей практикой?) То есть даже jQuery засунем в общий файл?

[alexesDev]

Да. Если не особо верите мне, то смотрите на Rails. Он по-умолчанию для production собирает application.js и application.css из всего, что используется на сайте. В том числе jquery и другие библиотеки...

Не верите мне и Rails. Посмотрите как запакован JS у github =) Там правда два Js файла frameworks-*.js и github-*.js, jquery в первом и другие более-менее статические библиотеки. У ребят много JS и они не хотели, чтобы при каждом деплое народ полностью все перезагружал. Обычно не заморачиваются и оставляют все в одном.

[alexesDev]

bitbucket.org написан на Python и django. У них там require.js и все запаковано в один файл. jquery в нем же. В общем, да. Отличная, хорошая практика. А почему так стоит делать, можно погуглить.

Answer 2

[bromzh]

Если странице не нужно дожидаться загрузки скрипта, то можно подключить js-файл с атрибутом async.