通过jQuery插入带有脚本标记的代码

Question

在我的HTML文件中，我有一个内联 if语句：

<script>
if(navigator.userAgent.indexOf("Speed Insights") == -1) {
    // insert code here
}
</script>

如何使它打印带有<script>标记的代码？

到目前为止我尝试过的

我尝试了以下几点：

​

if(navigator.userAgent.indexOf("Speed Insights") == -1) {
    jQuery('footer').append('<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">window.dojoRequire(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"x","uuid":"x","lid":"x","uniqueMethods":true}) })</script>');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<footer></footer>

​

但它会破裂。很可能，我逃不掉了.？

Answer 1

我只想在评论中复制@Chris G的答案，这样对于有类似问题的人来说，它就变得更加可读性了。

​

if (navigator.userAgent.indexOf("Speed Insights") == -1) {
  const $chimp = jQuery("<script>");
  $chimp.attr('data-dojo-config', "usePlainJson: true, isDebug: false");
  $chimp.on('load', function() {
    window.dojoRequire(["mojo/signup-forms/Loader"], function(L) {
      L.start({
        "baseUrl": "x",
        "uuid": "x",
        "lid": "x",
        "uniqueMethods": true
      })
    })
  });
  jQuery('footer').append($chimp);
  $chimp.attr('src', "//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js");
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<footer>Footer</footer>

​

Answer 2

试试这段代码

<script>

    if(navigator.userAgent.indexOf("Speed Insights") == -1) {
        var scriptElement = document.createElement('script');
        scriptElement.setAttribute('src', '//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js');
        scriptElement.setAttribute('data-dojo-config', 'usePlainJson: true, isDebug: false');
        document.body.appendChild( scriptElement );
    
        window.dojoRequire(['mojo/signup-forms/Loader'], function (L) {
            L.start({ baseUrl: 'x', uuid: 'x', lid: 'x', uniqueMethods: true });
        });
    }

</script>

Answer 3

用这个代码。

var head = document.getElementsByTagName('footer')[0];
var js = document.createElement("script");

js.type = "text/javascript";

if(navigator.userAgent.indexOf("Speed Insights") == -1) {
js.src = "/downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false";
js.content = "window.dojoRequire(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"x","uuid":"x","lid":"x","uniqueMethods":true}) })"
}

footer.appendChild(js);