Можно ли подключить к js другой js? И правильно ли это?

Question

[seacjs]

Здравствуйте.
У меня задача сделать виджет для стороннего сайта, что бы он подключался через iframe и через вставляемый js код.
На этом виджете должны присутствовать поля для ввода даты, и различные кастомные селекты.
При использовании iframe все понятно.
При подключении js который будет генерировать виджет, можно ли подключить из кода jquery и select2? И не навредит ли это работе того сайта на который будет вставлен код?

Answer 1

[abberati]

заверните весь исполняемый код вашего виджета в IIFE вот так:

;(function(){
  // ваш код
})()

внутри можно асинхронно подтягивать необходимые библиотеки (это отдельная тема), выполнять их код и на основе полученных от них объектов писать свой код. наружу из такой обёртки ничего не вывалится, если не будете делать явное присваивание в window или document

Comments

[seacjs]

внутри можно асинхронно подтягивать необходимые библиотеки (это отдельная тема), выполнять их код и на основе полученных от них объектов писать свой код

А как это можно сделать?

[abberati]

seacjs: погуглите по запросу "динамическое подключение js", тысяча способов. сам таким не баловался, посему оставлю это на вашей совести.

[seacjs]

В принципе я так и делаю:

window.jQuery || document.write('<script src="url-to-jquery.min.js"><\/script>')

И не навредит ли это работе того сайта на который будет вставлен код?

Тут я имел в виду, загруженные мной jQuery и Select2 не поломают что нибудь на сайте.

[abberati]

seacjs: только сначала подумайте, как вы узнаете о моменте, когда загрузится ваша библиотека. а если она не загрузится?

я бы использовал способ понадёжнее.

[seacjs]

только сначала подумайте, как вы узнаете о моменте, когда загрузится ваша библиотека. а если она не загрузится?

Можно зациклить проверку через setInteval.=)

Вообще подумываю в сторону самому накидать select и datePicker.