⚡ 编程实验室🏗️ HTML🎨 CSS⚡ JavaScript🐍 Python🗄️ SQL☕ Java⚛️ React💚 Vue🟢 Node.js⚙️ C语言🐘 PHP🐹 Go🔷 TypeScript🐬 MySQL🔧 C++🎯 C#🦀 Rust🅱️ Bootstrap💡 jQuery🎸 Django🍃 MongoDB👗 Sass🎪 Kotlin📊 R语言📋 XML📊 Excel🐘 PostgreSQL🐳 Docker🅰️ Angular🎮 游戏🏠 网站首页

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>
Ctrl+Enter
🚀 升级VIP
解锁全部课程+AI助手

🏆 学习排行

加载中...

📊 统计

📖 101 篇
0 完成
🔥 0