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: