HTMLScriptElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. Its been available across browsers since 2015 ..

* Some parts of this feature may have varying levels of support.

Learn more
See full compatibility

HTML- <script> HTMLScriptElement , <script> ( HTMLElement ).

JavaScript application/javascript MIME type, , (image/*), (video/*), (audio/*), text/csv. , error; , success.

must be a string


`type`	`String`	MIME . `type`.
`src`	`String`	URL . `src`.
`event`	`String`	, HTML-.
`charset`	`String`	. `charset`.
`async`	`Boolean`	`async` `defer` , . `defer` `async` , `src` . : `async` , . `async` , `defer`, . , , . `defer` `async`, , `defer` ( `async`) `defer` . : , HTML, . , `<script>` HTML, , XML; `document.write()`; ; .
`defer`	`Boolean`
`crossOrigin`	`String`	`String`, CORS . , , .
`text`	`String`	IDL `text` `Text` `<script>` ( , ) . , , IDL `textContent`. : `document.write()`, `<script>` ( ), `innerHTML` `outerHTML`, .
`noModule`	`Boolean`	, ES2015 , JavaScript .
`referrerPolicy`	`String`	`String`, HTML `referrerpolicy` , , .

; , HTMLElement.

. , <script> <script>, ( document.currentScript). . defer async.

function loadError(oError) {
  throw new URIError(
    "The script " + oError.target.src + " didn't load correctly.",
  );
}

function prefixScript(url, onloadFunction) {
  var newScript = document.createElement("script");
  newScript.onerror = loadError;
  if (onloadFunction) {
    newScript.onload = onloadFunction;
  }
  document.currentScript.parentNode.insertBefore(
    newScript,
    document.currentScript,
  );
  newScript.src = url;
}

, document.currentScript, <head>.

function loadError(oError) {
  throw new URIError(
    "The script " + oError.target.src + " didn't load correctly.",
  );
}

function affixScriptToHead(url, onloadFunction) {
  var newScript = document.createElement("script");
  newScript.onerror = loadError;
  if (onloadFunction) {
    newScript.onload = onloadFunction;
  }
  document.head.appendChild(newScript);
  newScript.src = url;
}

affixScriptToHead("myScript1.js");
affixScriptToHead("myScript2.js", function () {
  alert('The script "myScript2.js" has been correctly loaded.');
});

Specification
HTML # htmlscriptelement

HTML- <script>
HTML- <noscript>
document.currentScript
Web Workers ( , , )
Ryan Grove's <script> and <link> node event compatibility chart

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 27 . 2026 . by MDN contributors.

View this page on GitHub Report a problem with this content

HTMLScriptElement

In this article

Help improve MDN