Чтобы программно добавить сценарий JavaScript в раздел HTML-документа, вы можете использовать различные методы. Вот некоторые часто используемые подходы:
-
Метод 1: использование document.createElement и document.head.appendChild
var script = document.createElement('script'); script.src = 'path/to/script.js'; document.head.appendChild(script); -
Метод 2: использование document.write
document.write('<script src="path/to/script.js"></script>');Метод
не рекомендуется использовать после завершения загрузки документа, поскольку он может перезаписать все содержимое документа.
-
Метод 3: использование document.getElementsByTagName
var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src = 'path/to/script.js'; head.appendChild(script); -
Метод 4. Использование document.head.innerHTML
document.head.innerHTML += '<script src="path/to/script.js"></script>';, поэтому используйте его с осторожностью.
-
Метод 5. Использование события DOMContentLoaded
document.addEventListener('DOMContentLoaded', function() { var script = document.createElement('script'); script.src = 'path/to/script.js'; document.head.appendChild(script); });Этот метод гарантирует, что скрипт будет добавлен после загрузки HTML-документа.