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

Question

[jakiro12401204210]

Как сделать чтобы по клику на кнопку загружалась библиотека js? (например чтобы подгружалась Jquery библа). Не спрашивайте зачем)

Comments

[брюликам не важно сколько ты н]

библиотека js

например чтобы подгружалась Jquery библа

когда веб скрипты библиотеками называть стали?

Answer 1

[imdeveloper]

let myScript = document.createElement("script");
myScript.setAttribute("src", "https://www.example.com/foo.js");
document.body.appendChild(myScript);

а лучше так:

let myScript = document.createElement("script");
myScript.setAttribute("src", "https://www.example.com/foo.js");
document.body.appendChild(myScript);

myScript.addEventListener("load", scriptLoaded, false);

function scriptLoaded() {
  console.log("Script is ready to rock and roll!");
}

Comments

[брюликам не важно сколько ты н]

анонимные функции не

[jakiro12401204210]

А не подскажите еще, как сделать чтобы не в конец body вызывался скрипт, а в начале body?
заменяю AppendChild на InsertBefore, перестает работать

[imdeveloper]

jakiro12401204210, можно попробовать так:

let myScript = document.createElement("script");
myScript.setAttribute("src", "https://www.example.com/foo.js");
let firstBodyEl = document.body.firstChild;
firstBodyEl.parentNode.insertBefore(myScript, firstBodyEl);

[jakiro12401204210]

imdeveloper, а можно как-то сделать чтобы в определенном блоке с id добавился данный скрипт? например
<div id="test"></div>
и в блок засунуть скрипт?

[imdeveloper]

jakiro12401204210,
ну просто получает ваш селектор и вставляете туда после всего вместо body
let target = document.getElementById('test');
target.appendChild(newScript);

[jakiro12401204210]

imdeveloper, получилось, спасибо!

Answer 2

[Владимир Коротенко]

Document.createElement

Создаёте скрипт указываете адрес добавляете к body

Answer 3

[Tim]

const script = document.createElement("script");
script.src = "URL";
document.body.append(script);
script.onload = function () {
    console.log("скрипт загрузился");
}