页面加载后如何通过jQuery动态插入<脚本>标签？

javascript jquery script-tag javascript-injection

2022-08-30 05:29:27

我在让它工作时遇到问题。我首先尝试将脚本标签设置为字符串，然后在页面加载后使用jquery replaceWith（）将它们添加到文档中：

var a = '<script type="text/javascript">some script here</script>';
$('#someelement').replaceWith(a);

但是我在那个var上得到了字符串文字错误。然后我尝试对字符串进行编码，如下所示：

var a = '&left;script type="text/javascript"&gt;some script here&lt;\/script&gt;';

但是将其发送到仅将该字符串输出到浏览器。replaceWith()

有人可以告诉我，在页面加载后，您将如何动态地将标签添加到浏览器中，最好是通过jQuery吗？<script>

答案 1

您可以将脚本放入单独的文件中，然后使用 $.getScript 加载并运行它。

例：

$.getScript("test.js", function(){
    alert("Running test.js");
});

答案 2

请尝试以下操作：

<script type="text/javascript">
// Use any event to append the code
$(document).ready(function() 
{
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = "http://scriptlocation/das.js";
    // Use any selector
    $("head").append(s);
});

http://api.jquery.com/append