2014-09-07 2 views
0

В моем HTML-файле используется много js-файлов (10 js-файлов), включая jquery js.Как загрузить файл js только по необходимости

Существует 4 файла js, которые не нужны мгновенно, но позже, когда нажата какая-либо кнопка.

Не могли бы вы дать мне знать, можно ли загрузить файл js только в требуемое время?

Мой HTML выглядит следующим образом

<html> 
    <head> 
     <script type="text/javascript" src="js/accordian/jquery-1.9.1.js"></script> 
     <script type="text/javascript" src="js/accordian/jquery-ui.js"></script> 
     <script src="js/bootstrap.min.js"></script> 
     <script type="text/javascript" src="js/customerscreen_sub.js"></script> 
     <script type="text/javascript" src="js/toppings.js"></script> 
     <script type="text/javascript" src="js/crusts.js"></script> 
     <script type="text/javascript" src="js/customerorders.js"></script> 
     <script type="text/javascript" src="js/common.js"></script> 
     <script type="text/javascript" src="js/url.js"></script> 
     <script type="text/javascript"> 
+1

Определить «нужное время» –

+0

переместить их в нижней части страницы и рассмотреть конкатенации их, чтобы уменьшить количество запросов. Если они не являются очень большими файлами, количество отдельных запросов является проблемой. –

+1

required.js может быть? – Dalorzo

ответ

1

Вы можете использовать RequireJS лениво-загрузить файлы.

http://requirejs.org/

+0

Еще один js-файл? :) – Pawan

+0

Нет, require заменит все эти файлы в вашем index.html. Он будет загружать ваши файлы асинхронно в соответствии с созданным вами конфигурационным файлом, который сообщает, как загружать ваш Javascript. Проверьте документацию. – sma

+0

RequireJS подходит для этого. Но сочетание ваших 10 файлов также очень очень хорошо. У HTTP-запросов все еще много накладных расходов. Если вы объединяете все файлы, всегда загруженные в 1, это экономит кучу. Остальное - для 'require'. – Rudie

Смежные вопросы