HTML JavaScript

HTML 中使用 JavaScript, 使 HTML 页面更具动态性和交互性

范例

我的第一段 JavaScript

1. HTML <script> 标签

HTML <script> 标签用于定义客户端脚本(JavaScript)。

<script> 元素即可包含脚本语句,也可通过 src 属性指向外部脚本文件。

JavaScript 的常见用途是图像处理、表单验证和内容的动态更改。

如需选取 HTML 元素,JavaScript 最常用 document.getElementById() 方法。

这个 JavaScript 示例向 id="demo" 的 HTML 元素内写入 "Hello JavaScript!":

范例

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

提示:您可在我们的 JavaScript 教程 中学习更多 JavaScript 知识。

2. JavaScript 的味道

以下是展示 JavaScript 能力的一些例子:

范例

JavaScript 能够更改内容:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

范例

JavaScript 能够更改样式:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

范例

JavaScript 能够更改属性:

document.getElementById("image").src = "picture.gif";

3. HTML <noscript> 标签

HTML <noscript> 标签定义了替代内容,这些内容将显示给在浏览器中禁用了脚本或浏览器不支持脚本的用户:

范例

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>抱歉,您的浏览器不支持 JavaScript!</noscript>

4. HTML Script 标签

标签 描述
<script> 定义客户端脚本。
<noscript> 为不支持客户端脚本的用户定义替代内容。

下一章:HTML 文件路径

文件路径描述了网站文件夹结构中某个文件的位置。文件路径会在链接外部文件时被用到:1. 绝对文件路径:绝对文件路径是指向一个因特网文件的完整 URL。2. 相对路径:相对路径指向了相对于当前页面的文件。