构建按顺序加载并接受变量的脚本标记

building script tags that load in order and accept variables

本文关键字：变量 脚本 顺序 加载 构建      更新时间：2023-09-26

在下面的代码中，不用

<script src="" ></script

我正在构建脚本。这将使我能够插入客户端和calc名称-即添加变量到我正在调用的src。这会导致js错误，因为脚本没有在正确的时间/顺序加载。

代码

<script type="text/javascript">

var client = 'test';
var calc = 'loanCalculator';
var insertScript = function(src){
   var element= document.getElementsByTagName('head')[0];
   var script= document.createElement('script');
   script.type= 'text/javascript';
   script.src= src;
   element.appendChild(script);
}
var insertScriptContent = function(code){
  var element= document.getElementsByTagName('body')[0];
  var script= document.createElement('script');
  script.type= 'text/javascript';
  script.innerHTML  = code;
   element.appendChild(script);
}
    insertScript('http://test.com.au/clients/' + client +'/web/'+calc+'/calculator-lib.js');
    insertScript('http://test.com.au/api/configeditor/213?callback=setupConfig');
    insertScript('http://test.com.au/clients/' + client +'/web/javascripts/c-app.js');
        insertScriptContent('var __loancalculator = null; var calculator = null; var loadTool = function(){ __loancalculator = abcd("abcd.loancalculator"); var container = $(".loan-calculator-app"); container.empty(); calculator = new __loancalculator.LoanCalculatorApp(container); calculator.init(); };');
</script>
<script type="text/javascript">
$(document).ready(function(){
    loadTool();
});
</script>

是否有一种方法来加载顶部库，然后文档。ready实际运行时，这些加载?或者有没有更好的方法来添加这些变量?

谢谢

脚本只能在页面呈现开始时加载。因此，当页面已经加载时，不可能加载它们。您可以在头部正常定义它们，然后按特定顺序调用它们。

相关文章：