如何在HTML文件的頭部動態添加JavaScript文件？

我有一個html頁面，我需要在html的頭部添加一些對JS文件的引用。以下代碼正在工作，但scriptTVKeyValue始終在標記之前添加我想直接在之後添加任何想法我在這裏做錯了？如何在HTML文件的頭部動態添加JavaScript文件？

<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);

來源

2013-07-04 GibboK

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

來源

2013-07-04 07:18:02 OlZ

使用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));

來源

2013-07-04 07:13:17

如果你很高興/允許編輯使用JS庫，然後您可以加載腳本requireJS它具有高級功能來執行此操作：它將使您可以在加載動態添加的腳本後調用函數。

來源

2013-07-04 07:21:24

如何在HTML文件的頭部動態添加JavaScript文件？

回答

相關問題