第二关:召唤 JS 队长的仪式

任务目标:学会如何在 HTML 中插入代码

🦸‍♂️

JS 队长

想要召唤我,你必须使用神秘的符咒:<script> 标签!

只要你在 HTML 里写下这个标签,我就能现身。

<script> alert("JS 队长在此!"); </script>

🏠 我该住在哪里?

🐛

巴格

我知道!你应该住在 <head> (头部) 里,这样你最高!

JS 队长

额... 也可以。但是通常我更喜欢待在 <body> 的最底部

为什么?

因为如果我在头部加载太久,页面就会变白(卡住),用户就跑了!如果在底部,页面内容先显示出来,用户体验更好。

🦸‍♂️

🌍 秘密基地 (外部文件)

如果代码太多,把它们都塞在 HTML 里会很乱。就像把衣服都堆在床上一样!

🦸‍♂️

JS 队长

更好的办法是给我建一个秘密基地!

  1. 创建一个 .js 后缀的文件 (比如 myscript.js)。
  2. 在里面写代码。
  3. src 属性把我召唤过来。
<script src="myscript.js"></script>

注意: 如果用了 src 属性,标签里面的代码就会失效哦!