正在加载...
HTML JavaScript
HTML 结构内容；CSS 样式；JavaScript 行为。本课只讲如何加载 script。
直接回答
用 <script> 内联或 <script src="app.js"></script> 外链。常放在 body 末尾。
Inline script example
html
HTML Code
<button id="hi" type="button">Say hi</button>
<script>
document.getElementById("hi").addEventListener("click", function () {
document.getElementById("hi").textContent = "Hello!";
});
</script>External script
html
HTML Code
<script src="app.js"></script>脚本失败时内容仍可用。关键信息不要只放在 JS 里。
试一试
- 带 id 按钮
- 小脚本改文字
- 移到 app.js
- 无 JS 时 HTML 仍有意义
常见错误
- 内容只在 JS
- src 路径错
- 巨大内联
小结
- script 加载 JS
- 外链 .js
- HTML 是内容基础
- JS 另学
🧠 测试您的知识
准备开始
测试您的知识
通过这个互动测验挑战自己，看看你对这个主题的理解程度如何
4
问题
70%
及格要求
∞
时间
∞
尝试次数
📝 说明
- 仔细阅读每个问题
- 为每个问题选择最佳答案
- 您可以随时重新参加测验
- 您的进度将显示在顶部