为什么代码在<script>标签中有效，而在外部.js文件中无效？🤨

在<script>标签中有效，而在外部.js文件中无效的原因是因为<script>标签中的代码会在浏览器解析HTML文档时立即执行，而外部.js文件需要通过浏览器的网络请求加载并执行。

当浏览器解析HTML文档时，遇到<script>标签会立即执行其中的代码。这意味着在<script>标签中定义的函数、变量等内容可以立即被其他<script>标签或HTML中的其他代码所使用。这种方式适用于一些简单的脚本，可以直接嵌入到HTML文档中，方便管理和调用。

而外部.js文件需要通过网络请求加载并执行。当浏览器解析到外部.js文件的引用时，会发送一个HTTP请求去获取该文件，并在获取到文件后执行其中的代码。由于网络请求的延迟和加载时间，外部.js文件的代码执行会有一定的延迟。因此，在外部.js文件中定义的函数、变量等内容在加载完成之前是无法被其他代码所使用的。

此外，还需要确保外部.js文件的引用路径正确无误，否则浏览器无法正确加载该文件，导致代码无效。

总结起来，<script>标签中的代码在HTML解析过程中立即执行，而外部.js文件需要通过网络请求加载并执行，因此在外部.js文件中定义的代码在加载完成之前是无效的。