Как сделать js контейнер, через который можно подгружать другие файлы,скрипты?

Question

[DimaSensation]

Привет
Есть определенное количество .js / .css / / favicon файлов, повторающиеся на всех страничках (странички все разные)
Хотелось бы каждый раз не прописывать на каждой по 10-15 строк, а подключать все через 1 .js контейнер
Собственно как это реализовать?
Спасибо

Comments

[Алексей Ярков]

Эээ... А препроцессор или серверный рендеринг, я так понимаю, не предлагать?

Answer 1

[Sayonji]

Например, можно сделать какой-то такой скрипт:

document.write(
  "<link href='style.css'>" +
  "<link href='style_2.css'>" +
  //... +
  "<script src='jquery.js'></script>"
);

Comments

[DimaSensation]

А как в него добавить еще локальные ?

[Sayonji]

DimaSensation: Локальные что?

[DimaSensation]

Sayonji: Может не так выразился :)
Когда сам скрипт не подключается,а пишется в самой страничке

[Sayonji]

DimaSensation: Впишите его туда перед или после document.write. Или если вам важен порядок, то разбейте на несколько:

document.write('<...>')
// ваш скрипт
document.write('<...>')

Answer 2

[Alex XYZ]

У меня сделано вот так:


Тут только JS, можно добавить CSS и включать этот файл в шапке.

Comments

[DimaSensation]

Т.е 2 контейнера : 1 дл js 2й для css? Понял
А как подрубать или же проще их в отдельный файл вывести и его так же подключить?

[Alex XYZ]

DimaSensation: Всё зависит от места в исходном документе куда надо его воткнуть. Если место одно, то всё можно в один файл, если места разные, то соответственно в два разных места. Есть вариант с bower, чтобы собрать всё вообще в один файл, но это уже на ваше усмотрение.