HTML基础教程（二十八）脚本之＜script＞和＜noscript＞：HTML脚本界的卧龙凤雏：＜script＞是戏精，＜noscript＞是隐形守护者！

在构建现代网站的浩瀚宇宙中，HTML是搭建骨架的水泥钢筋，CSS是披在外的华丽外衣，而JavaScript，则是让整个建筑活过来的——灵魂。负责搬运和激活这个灵魂的，就是HTML中那两个看似简单，实则暗藏玄机的标签：<script> 和 <noscript>。

它们一个像聚光灯下的明星，一个像幕后待命的特工，共同演绎着一出关于兼容、性能和用户体验的大戏。

第一章：<script>—— 前台最耀眼的“戏精”

如果说网页是一台话剧，那<script>绝对是戏最多、最抢镜的主角。它的工作只有一项：招呼并执行JavaScript代码。但你可别小看这个简单的任务，怎么招呼、什么时候上场，里头全是学问。

1.1 基本用法：内联 vs. 外链

就像请演员可以现场表演（内联）或者播放录制好的影片（外链），<script>也有两种基本形态。

内联脚本 (Inline Script)： 把代码直接写在标签里。

<script>
    // 我是戏精的即兴表演！
    alert('Hello World! 我是内联的脚本！');
    console.log('页面加载到我这里了！');
</script>

优点： 简单直接，适合极小的代码片段。
缺点： 无法被浏览器缓存，每次页面加载都会重新下载，不利于大型项目维护和性能优化。

外部脚本 (External Script)： 通过src属性引入外部的.js文件。

<script src="scripts/myAwesomeScript.js"></script>

优点： 利于代码分离和维护；可以被浏览器缓存，提升后续页面加载速度；便于团队协作。
现代Web开发中，这几乎是绝对的推荐做法。

1.2 核心属性：掌控“戏精”的出场时机

<script>标签的真正威力，体现在它的几个关键属性上，它们决定了这位“戏精”何时登场、会不会抢了别人的戏（阻塞页面渲染）。

async (异步)： “我这人自由散漫，好了就叫你。”
带有async的脚本一旦下载完毕，就会立即执行，同时不阻塞HTML解析