Хорошая новость:
Это на 100% работает.
Просто добавьте что-нибудь внутри тега script, например alert('voila!');. Правильный вопрос, который вы, возможно, захотите задать, возможно, «Почему я не видел его в DOM?» ,
Карл Сведберг сделал приятное объяснение комментарию посетителя на сайте jQuery API . Я не хочу повторять все его слова, вы можете прочитать прямо здесь, здесь (мне было трудно ориентироваться в комментариях там) .
Все методы вставки jQuery используют функцию domManip для очистки / обработки элементов до и после их вставки в DOM. Одна из функций, которую выполняет функция domManip, - это извлекать любые элементы сценария, которые собираются вставить, и запускать их через «подпрограмму evalScript», а не вставлять их с остальным фрагментом DOM. Он вставляет сценарии отдельно, оценивает их, а затем удаляет их из DOM.
Я считаю, что одной из причин, по которой jQuery делает это, является предотвращение ошибок «Permission Denied», которые могут возникать в Internet Explorer при вставке сценариев при определенных обстоятельствах. Это также позволяет избежать повторной вставки / оценки одного и того же сценария (который потенциально может вызвать проблемы), если он находится внутри содержащего элемента, который вставляется, а затем перемещается по DOM.
Следующее, я подведу итог плохих новостей, используя .append()функцию для добавления скрипта.
И плохие новости это ..
Вы не можете отлаживать свой код.
Я не шучу, даже если вы добавите debugger;ключевое слово между строкой, которую вы хотите установить в качестве точки останова, вы в конечном итоге получите только стек вызовов объекта, не увидев точку останова в исходном коде (не говоря уже о том, что это ключевое слово работает только в браузере webkit, во всех других основных браузерах это ключевое слово отсутствует) .
Если вы полностью понимаете, что делает ваш код, то это будет незначительным недостатком. Но если вы этого не сделаете, вы в конечном итоге добавите debugger;ключевое слово повсеместно, просто чтобы выяснить, что не так с вашим (или моим) кодом. В любом случае, есть альтернатива, не забывайте, что javascript может манипулировать HTML DOM.
Обходной путь.
Используйте JavaScript (не JQuery) для управления HTML DOM
Если вы не хотите терять возможность отладки, тогда вы можете использовать нативную манипуляцию HTML DOM на JavaScript. Рассмотрим этот пример:
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "path/to/your/javascript.js"; // use this for linked script
script.text = "alert('voila!');" // use this for inline script
document.body.appendChild(script);
Вот оно, как в старые добрые времена, не так ли? И не забывайте очищать вещи в DOM или в памяти для всех объектов, на которые ссылаются и которые больше не нужны, чтобы предотвратить утечки памяти. Вы можете рассмотреть этот код, чтобы очистить вещи:
document.body.removechild(document.body.lastChild);
delete UnusedReferencedObjects; // replace UnusedReferencedObject with any object you created in the script you load.
Недостаток этого обходного пути заключается в том, что вы можете случайно добавить дубликат сценария, и это плохо. Отсюда вы можете слегка имитировать .append()функцию, добавив проверку объекта перед добавлением и удалив сценарий из DOM сразу после его добавления. Рассмотрим этот пример:
function AddScript(url, object){
if (object != null){
// add script
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "path/to/your/javascript.js";
document.body.appendChild(script);
// remove from the dom
document.body.removeChild(document.body.lastChild);
return true;
} else {
return false;
};
};
function DeleteObject(UnusedReferencedObjects) {
delete UnusedReferencedObjects;
}
Таким образом, вы можете добавить скрипт с возможностью отладки, в то же время не допуская дублирования скриптов. Это всего лишь прототип, вы можете расширить его так, как хотите. Я использовал этот подход и вполне доволен этим. Конечно же, я никогда не буду использовать jQuery .append()для добавления скрипта.