javascript - 创建具有 async 属性的脚本标签

Question

我正在注入(inject)这样的脚本:

var script = $('<script>', {
    type: 'text/javascript',
    async: true,
    src: 'https://script.js'
});

$('script:first').before(script);

这会生成如下标记:

<script type="text/javascript" async="async" src="https://script.js"></script>

我更喜欢以下语法:

<script type="text/javascript" async src="https://script.js"></script>

将选项传递给 jQuery DOM 元素创建器时是否支持此功能？或者，我应该使用纯 JavaScript 来实现此目的吗？

Answer 1

您可以使用普通 JS 设置属性。通过 jQuery 执行此操作将自动填充该值。

var script = $('<script>', {
    type: 'text/javascript',
    src: 'https://script.js'
});

script[0].setAttribute("async", "");

$('script:first').before(script);