Create script tag with async attribute

Question

I'm injecting a script like so:

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

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

This generates markup like:

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

I would prefer the following syntax:

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

Is this supported when passing options to a jQuery DOM element creator? Or, should I just use plain JavaScript to achieve this?

Why do you want the other syntax? The easiest workaround is probably making the whole thing a string instead of an object that jquery converts. — orhanhenrik
– orhanhenrik, Commented Oct 6, 2014 at 19:17
Partially just curious, but also all other scripts on my page are loaded with requireJS which styles the script using the alternative syntax. It was hard for me to quickly skim all my scripts when one was different. — Sean Anderson
– Sean Anderson, Commented Oct 6, 2014 at 19:18
Looks like this should work: stackoverflow.com/questions/13159180/… — orhanhenrik
– orhanhenrik, Commented Oct 6, 2014 at 19:19
It doesn't generate markup at all. It adds a script element to the DOM. — Quentin
– Quentin, Commented Oct 6, 2014 at 19:24

helllomatt · Accepted Answer · 2014-10-06 19:27:30Z

21

You can set the attribute using plain JS. Doing it through jQuery will auto-populate the value.

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

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

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

answered Oct 6, 2014 at 19:27

helllomatt

1,3498 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Adrian Mole · Accepted Answer · 2024-01-03 10:15:26Z

0

from turtle import *
import colorsys

speed(0)
bgcolor("black")
h=0

for i in range(16):
    for j in range(18):
        c=colorsys.hsv_to_rgb(h,0.9,1)
        color(c)
        h+=0.005
        rt(90)
        circle(150-j*6,90)
        lt(90)
        circle(150-j*6,90)
        rt(180)
    circle(40,24)
    
done()

edited Jan 3, 2024 at 10:15

Adrian Mole

52.1k193 gold badges61 silver badges101 bronze badges

answered Dec 16, 2023 at 19:33

Nai

1

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Create script tag with async attribute

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related