使用 jquery 替换脚本 src 未执行

Question

我想动态替换脚本的源 URL 以加快开发阶段，因此没有实际的生产使用。这种替换适用于 css 或图像。但是很难让它与 javascript src 一起工作。该脚本似乎没有执行，尽管是通过 src 加载的。

这是我所做的。

..................
  return this.each(function() {
    $(this).click(function() {
    var t = $(this);
    options.newVal = t.val();
    var absUrl = '/root_path_still_within_the_same_domain/';
    //options.oldVal is just to limit the replacement scope
    var oldJsUrl = absUrl + options.oldVal + '.js';
    var newJsUrl = absUrl + options.newVal + '.js';

    var reJsUrl = $('script[type*=javascript][src*=' + options.oldVal + ']' || 'script[type*=javascript][src*=' + options.newVal + ']');

        if (oldJsUrl.length && options.oldVal.length) {
          reJsUrl.attr('src', newJsUrl);
        }

        options.oldVal = options.newVal;

    });
  }); 

......................

在 Firebug 中，目标旧 src url (/old_path_to_file.js) 被新的 (/new_path_to_file.js) 替换。所以替换工作。但它报告，（请参阅真正的绝对网址 http://，如果相关）：

无法加载源代码：http://localhost/........js

所以脚本 src 被替换了，但没有被执行。我错过了什么，如果这些东西仍然允许的话？

我也尝试过使用$.getScript(absUrl + options.newVal + '.js');，但这并没有取代旧的src，只是在dom中添加更多的js，这不是我想要的。这部分也有任何提示吗？

感谢所有可能的帮助。

Answer 1

您想“替换”旧脚本吗？也就是说，加载了script标签的javascript已经不在内存中，而新的javascript在？你不能这样做。您必须取消定义并取消附加由原始脚本执行的事件。

Answer 2

如果您只想包含另一个脚本：

var script = document.createElement("script");
script.src = url; //Specify url here
script.type = "text/javascript";
$("body").append(script);

这将添加一个脚本并执行它...出于安全原因，您不能替换 src 并让它运行。您也不能只是“撤消”原始脚本所做的任何事情……根据您的问题，我认为这不是问题，但如果是，也许您不应该包含初始脚本标签，决定您需要什么并像上面展示的那样动态创建脚本元素。