使用Jquery在div中动态添加脚本

Question

如何使用jquery在div中添加脚本标记。

我希望它像

<div id="scriptContainer" >
       <script type="text/javascript" src="script.js"></script>
      <script type="text/javascript" src="script2.js"></script>
</div>

我将它与jquery appendTo一起使用，但它不起作用。请你帮帮我

Answer 1

尝试使用jQuery.getScript()： -

$.getScript("script.js", function( data, textStatus, jqxhr ) {
  console.log( data ); // Data returned
  console.log( textStatus ); // Success
  console.log( jqxhr.status ); // 200
  console.log( "Load was performed." );
});

Reference

Answer 2

您可以将其创建为对象，然后附加它。

var script = document.createElement( "script" );
script.type = "text/javascript";
script.src = "script.js";
$("#scriptContainer").append(script);