javascript - 在单击 jQuery / JavaScript 时附加和加载脚本

Question

我目前有一个我正在开发的网站，其中有一个脚本，只需要在单击某个元素时加载和显示。我们正在加载的脚本是外部的，加载速度非常慢，并且会阻止 dom 尽可能快地加载。我希望在单击时附加此脚本或将其内容加载到某个元素中。我已经高高在上，并尝试了许多不同的方法来做到这一点，但都没有成功。我知道这是可能的，并且以前做过，但不记得是怎么做的。

请注意，我已尝试将 url 的内容加载到 iframe 中，然后克隆并添加到元素中。

下面的代码说明了我想要做什么

$("#button").click(function(e){
      e.preventDefault();
      var $slowLoadingScript = $('<script src="http://external-slow-script.com/script.js"></script>');      

    $slowLoadingScript.load(function(){
      $("#Element").append(slowLoadingScript);         
    });


  });       

请注意脚本的内容如下所示：

document.write("a long list of html and js");

Answer 1

$('#button').click(function(e){
    e.preventDefault();
    $.getScript('http://external-slow-script.com/script.js');
});

jQuery$.getScript()在http://api.jquery.com/jQuery.getScript/的解释。