HTML JavaScript — <script> 标签
在 HTML 中使用 JavaScript:内嵌脚本、外部文件、noscript · 难度:入门 · +15XP
HTML 中的 JavaScript
<script> 标签在 HTML 中嵌入或引用 JavaScript 代码。JavaScript 让网页"活"起来——交互、动画、数据处理。
三种使用方式
1. 内嵌脚本(在 HTML 中直接写)
<script>
document.getElementById("demo").innerHTML = "Hello JS!";
</script>
2. 外部脚本文件(推荐)
<script src="script.js"></script>
把 JS 代码放在单独文件,多个页面共享,浏览器可缓存。
3. 事件属性
<button onclick="this.innerHTML='已点击'">点我</button>
脚本位置
<script> 放在 <body> 底部(让页面先加载),或用 defer 属性:
<script src="app.js" defer></script> <!-- 异步下载,HTML 解析完后执行 -->
noscript — 禁用 JS 时的备用内容
<noscript>您的浏览器不支持 JavaScript!</noscript>