Script element

As explained in Secrets of the JavaScript Ninja, Second Edition

An HTML element whose content or referenced resource contains executable script code.

A browser builds a page by parsing HTML and building the DOM, then executing JavaScript. Encountering a script element—containing or referring to JavaScript—triggers execution; the browser can alternate between these steps as needed. section 2.2

Figure 2.3. The page-building phase starts when the browser receives the code of the page. It’s performed in two steps: parsing the HTML and building the DOM, and executing JavaScript code.

Trace how HTML parsing and DOM construction alternate with JavaScript execution during page building. section 2.2

How Secrets of the JavaScript Ninja, Second Edition covers it

How deep it goes

Describes the element’s role in page construction but gives no syntax or loading details.

Examples

Uses a diagram showing page building alternate between HTML parsing, DOM construction, and JavaScript execution.

What you can do after

Understand how encountering the element fits JavaScript execution into browser page construction.

How it connects

Connects the script element with HTML parsing, the DOM, and JavaScript execution.

liveBookmanning.com

Read Secrets of the JavaScript Ninja, Second Edition on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  Web Components in ActionAn HTML element that embeds executable code or references an external script file for a document.
• 

  liveBookmanning.com
  D3.js in Action, Third EditionA script element, or script tag, is an HTML element that embeds executable code or references an external script file.

Compare how 3 books explain script element →

Related concepts

• Document Object Modeluses · The Document Object Model (DOM) is a standard programming interface that represents a document as a structured tree of objects and provides ways to access and modify its content and structure.
• JavaScriptuses · JavaScript is a high-level, dynamically typed, multi-paradigm programming language standardized as ECMAScript and used for web and general-purpose programming.
• HTMLpart of · HTML (HyperText Markup Language) is the standard markup language for structuring content and elements in web documents.
• modulealternative to · A module is a distinct, bounded software unit that groups related code or functionality and provides an organizational or interaction boundary within a larger system.
• D3.jsuses · D3.js is an open-source JavaScript library for binding data to documents and creating dynamic, interactive visualizations in web browsers.

This explainer was generated by Manning's knowledge graph from the text of Secrets of the JavaScript Ninja, Second Edition. The section links point to the parts of the book it draws on.