How can JavaScript be used to add the defer or async attribute to script tags that are generated dynamically?

edit

To add the defer or async attribute to script tags that are generated dynamically using JavaScript, you can follow these steps:

1. Create a new script element with document.createElement('script') method.

2. Set the source attribute of the script element with the URL of the script file using setAttribute('src', 'script.js') method.

3. Set the defer or async attribute of the script element using setAttribute('defer', 'true') or setAttribute('async', 'true') method.

4. Append the script element to the document using document.body.appendChild(script) method.

Here is an example code that adds defer attribute to a dynamically generated script tag:

var script = document.createElement('script');
script.setAttribute('src', 'script.js');
script.setAttribute('defer', 'true');
document.body.appendChild(script);

Similarly, you can use async attribute instead of defer to make the script execute asynchronously.