如何使用脚本 DOM 元素？答案

【问题标题】：How use a script DOM element?如何使用脚本 DOM 元素？
【发布时间】：2016-08-12 14:44:11
【问题描述】：

如何使用脚本 DOM 更改脚本标签？以前我用过这样的脚本

<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

但我想使用脚本 DOM。当我这样改变时，脚本不起作用

<script>
var jquerymin = document.createElement('script');
jquerymin.type = 'text/javascript';
jquerymin.async = true;
jquerymin.src = 'https://code.jquery.com/jquery-2.2.2.min.js';
document.getElementsByTagName('head')[0].appendChild(jquerymin);

var jqueryui = document.createElement('script');
jqueryui.type = 'text/javascript';
jqueryui.async = true;
jqueryui.src = 'https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js';
document.getElementsByTagName('head')[0].appendChild(jqueryui);
</script>

是 DOM 脚本，不能运行脚本 jquery.min 和 jquery.ui？

【问题讨论】：

脚本不工作是什么意思？您是否在对他们的内容做任何事情之前等待他们的加载事件？顺便说一句，由于 jqueryUI 需要 jquery，您可能希望仅在触发 jquerymin 加载事件时包装其节点的创建。
如何使用 DOM 更改此代码 <script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>？
jsut 确实有效，但您必须等待脚本加载 (jquerymin.onload=function(){doSomethingWith$()}) 才能真正使用内容脚本。

标签： javascript jquery jquery-ui dom

【解决方案1】：

如果你想使用纯 Javascript 来添加（异步）一个新的脚本文件，你可以这样做：

<html>
    <head>
        <title>JS</title>
    </head>
    <body>
        <script type="text/javascript">
            var 
                scriptElement,
                script;

            scriptElement = document.createElement('script'); 
            scriptElement.src = "https://code.jquery.com/jquery-2.2.2.min.js";

            script = document.getElementsByTagName('script')[0];
            script.parentNode.insertBefore(scriptElement, script);
        </script>
    </body>
</html>

【讨论】：

但是如果我想输入代码https://code.jquery.com/jquery-2.2.2.min.js。不成功。 https://code.jquery.com/jquery-2.2.2.min.js 代码是否只能与代码 <script src = "https://code.jquery.com/jquery-2.2.2.min.js "> </ script> 一起运行？？？
确定我将http://example.com/script.js 更改为https://code.jquery.com/jquery-2.2.2.min.js 但仍然无法正常工作？
我已将http://example.com/script.js 替换为https://code.jquery.com/jquery-2.2.2.min.js 并出现jquery 资源文件。你能仔细检查你的代码吗？
请复制我所有的 HTML 代码并再次检查。我已经做了一些改变。
将我的代码保存在单独的 html 文件中并运行它。你会看到我的代码运行良好。