Question

我有一个html页面，我需要在html的头部添加一些JS文件的引用。以下代码正常工作，但始终在标记之前添加scriptTVKeyValue 我想直接添加知道我在这里做错了吗？

<head>
        // I want reference added here
        <script src="js/jquery.js"></script>
        <script src="js/json2.js"></script>
        // Reference to file added here
</head>

// APP_MAIN.onLoad()
            var scriptTVKeyValue = document.createElement('script');
            scriptTVKeyValue.type = 'text/javascript';
            scriptTVKeyValue.src = '$MANAGER_WIDGET/Common/API/TVKeyValue.js';
            head.appendChild(scriptTVKeyValue);

Answer 1

使用 jQuery ：

的解决方案

//Take the refference to the previous node
var $jsFile = $container.find('[src="js/jquery.js"]'); 
var fileName= '$MANAGER_WIDGET/Common/API/TVKeyValue.js';

// Insert the script
$jsFile .insertAfter($('<script>')
  .attr('type', 'text/javascript')
  .attr('src', fileName));

Answer 2

看看http://www.jspatterns.com/the-ridiculous-case-of-adding-a-script-element/ 你应该有答案

Answer 3

如果您感到高兴/允许使用JS库，那么您可以使用requireJS加载脚本。它具有执行此操作的高级功能：它将使您能够在加载动态添加的脚本后调用函数。

如何在html文件的标题中动态添加javascript文件？

3 个答案: