Есть ли что то вроде include (в PhP) у JavaScript?

Question

[Artem Arsenowitch]

Здравствуйте,и так-хочу создавать отдельные части сайта,например: хедер,контент,меню,футер и т д.
И что бы не писать всё это для каждой страницы отдельно хочу реаливать всё как в PhP (incud'ами).И потом удобней менять значения определённого элемента на всех страницах-изменил в одном файле и он подключился ко всем страницам.
Есть ли что то подобное в JavaScript?

Answer 1

[Елизавета Борисова]

Речь о серверном javascript? В любом шаблонизаторе есть инклуды.

Answer 2

[Viktor Vsk]

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

И есть ряд решений типа:
labjs.com
headjs.com
requirejs.org

Comments

[Artem Arsenowitch]

Спасибо Виктор,слышал что последний помогает решить мою задачу!

Answer 3

[Artem Arsenowitch]

Да,видимо о серверном.
Спасибо Елизавета

Comments

[Viktor Vsk]

Да врядли о серверном. На серверном вы б пользовались node.js скорее всего. И такие б вопросы не задавали. Да и собственно, там бы был "встроенный" Require

[webinside]

Arsenowitch, сервер и клиент сейчас возможен на JS, но это совсем разные понятия.

Answer 4

[Sergey Romanov]

Не уверен что о серверном. Так как ссылки на node.js нет а автор сам не уверен.

1. Решение зависит от того что вы имеете в виду. Если вам надо динамически подгружать сам JS то тогда что Виктор Выскребенцев: посоветовал.

2. А если вам надо подгружать шаблоны HTML то тут 2 варианта.

a) Если вы наполняете их данным на сервер, то полсьл можно исаользовать AJAX.
б) Если вы их заполняете данными динамически при помощи яваскрипт то у вас SPA. Для этого лучше всего использовать готовые фреймворки как Ангуляр. И они сами обо всем позаботяться.

Answer 5

[iliyaisd]

Т.е. вы хотите прямо из js файла подключать другие js файлы? Либо ответ Виктор Выскребенцев , либо я делал так: делаем аякс-запрос нужного скрипта с сервера, если запрос на jQuery, его можно просто вставить в какой-нибудь скрытый div, и можно пользоваться. Если же без jQuery (что вряд ли), то нужно сделать его eval() (при это он не схавает функции, объявленные через function some() {}).

Answer 6

[IllusionTurtle]

function include(url,callBack){
var script = document.createElement('script');
script.src=window.location.protocol+'//'+window.location.host+url;
document.getElementsByTagName('head')[0].appendChild(script);
script.onload = function(){window[callBack]};
}
include('/path/to/js/script.js','includeFinished')