根据元素是否定义在页面中服务备用外部JavaScript文件

Question

好的，这里是我的第一个问题。

设置：我们使用基于JavaScript的工具来对我们的着陆页设计进行A/B测试。我需要版本A（控制）链接到一个外部JavaScript文件，而版本B（变体）链接到另一个JavaScript文件。

目标：在控件的底部有一个内部js脚本，用于查看该工具是否实际上服务于A或B，如果为true，哪个服务。结果表明应该链接哪个外部脚本。

问题：无论该工具是否实际上服务于A或B，原始脚本都先链接，然后如果检测到该工具，则在此之后将链接相应的脚本。

这里是我的代码（我提前道歉对任何错误新手）：

//script at bottom of original or tool-served control html page template 
<script type="text/javascript"> 
valForTool = function() { 
    var variationId = _tool_exp[_tool_exp_ids[0]].combination_chosen; 
    if (variationId == 1) { 
    var newScript = document.createElement('script'); 
    newScript.type = 'text/javascript'; 
    newScript.src = 'js/scripts.js'; 
    document.body.appendChild(newScript); 
    }; 
} 
originalValidation = function() { 
    var newScript = document.createElement('script'); 
    newScript.type = 'text/javascript'; 
    newScript.src = 'js/scripts.js'; 
    document.body.appendChild(newScript); 
} 
$(function(){ 
    if (typeof _tool_exp_ids !== 'undefined' && typeof _tool_exp_ids[0] !== 'undefined') { 
    valForTool(); 
    } else { 
    originalValidation(); 
    }; 
}); 
</script> 
//end script on control or original template 

//script on tool-served variation html template - will run after the above script 
<script type="text/javascript"> 
$(function() { 
    $('#project_info input[type=submit]').removeAttr('disabled'); 
    $('#project_info').unbind(); 
    var newScript = document.createElement('script'); 
    newScript.type = 'text/javascript'; 
    newScript.src = 'js/scripts2.js'; 
    document.body.appendChild(newScript); 
    $('.input_text').parent().addClass('contact_field'); 
}); 
</script> 
// end script on variation template 

任何想法，我做错了吗？我提供了足够的信息吗？谢谢！我喜欢这个网站作为我的问题的参考，但这是我第一次真正发布一个。

Answer 1

缩短下来了一点，好像你只是这样做：

<script type="text/javascript"> 
$(function(){ 
    if (typeof _tool_exp_ids !== 'undefined' && typeof _tool_exp_ids[0] !== 'undefined') { 
     var variationId = _tool_exp[_tool_exp_ids[0]].combination_chosen; 
     if (variationId == 1) { 
      $.getScript('js/scripts.js', function() {runSecond();}); 
     } 
    }else{ 
      $.getScript('js/scripts.js', function() {runSecond();}); 
    } 

    function runSecond() { 
     $('#project_info input[type=submit]').removeAttr('disabled').unbind(); 
     $.getScript('js/scripts2.js'); 
     $('.input_text').parent().addClass('contact_field'); 
    } 
}); 
</script> 

现在看那个，很明显，这两个脚本的运行，无论在那些满足什么样的条件if/else语句，我并没有真正明白你想要做什么，但我会做的第一件事是添加一些console.logs来查看这些if/else语句是否像他们应该的那样工作，然后计算出什么应该在哪些条件下加载脚本等？