Question

如何使用脚本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 吗？

Answer 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>

如何使用脚本DOM元素？

1 个答案: