如何在页面加载后通过jQuery动态插入<script>标记?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (694)

我很难让这件事成功。我首先尝试将脚本标记设置为字符串,然后在页面加载后使用jQuery replaceWith()将它们添加到文档中:

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

但是在这个变量上有字符串文字错误。然后,我尝试对字符串进行编码,如下所示:

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

但是把它送到replaceWith()只将该字符串输出到浏览器。

有人能告诉我如何动态地添加<script>页面加载后,最好通过jQuery标记到浏览器中?

提问于
用户回答回答于

尝试以下几点:

<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);
});
用户回答回答于

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

例子:

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

扫码关注云+社区

领取腾讯云代金券