本文介绍了HTML中<script>标签的使用，包括基本格式、模块加载、async和defer属性的差异。同时，讲解了DOM的概念，如何用JavaScript操作DOM元素，以及创建和修改文档结构的方法。
<script>
Used to included the javascript code in HTML.
Basic format:
<script src= "scripts/digital_clock.js"></script>
module
If you have used modules in your code, i.e. import, export directives, made the script type as module.
<script type="module"></script>- defer: All of the modules the script imports will be loaded after the template HTML is rendered
- can be overriden by async attribute
default loading method
- document.write() -- synchronous, execute the script in the middle of template redendering
async & defer
- <script defer src="deferred.js"></script>
- defer the script execution till after template rendered
- All scripts still run in order
- <script async src="async.js"></script>
- executes the script immediately, not blocking the rendering
- Order not guranteed
on demand loading
- Create a script tag from javascript
DOM
Represent the HTML document, mirror the tree structure
- There is a JavaScript class corresponding to each HTML tag type
- <body> = HTMLBodyElement
- <table> = HTMLTableElement
- DOM API includes methods for
- creating new Element and Text nodes
- inserting them into the document as children of other Element objects
- moving elements within the document
- removing elements entirely
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
