ES Modules: Using the `script` tag

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


An HTML page can load a module by using a <script> tag with the special type="module" attribute:

<script type="module" src="test.js"></script>

So now inside your page you can use the import syntax to get access to the values exported by that module.

Note: this module import behaves like a defer script load. See efficiently load JavaScript with defer and async

It’s important to note that any script loaded with type="module" is loaded in strict mode.

Lessons in this unit:

0: Introduction
1: Using import and export
2: .mjs files
3: Default exports
4: Multiple exports
5: Renaming exports
6: ▶︎ Using the `script` tag