什么是 JavaScript?
JavaScript 是 Web 的 **编程语言**。
JavaScript 可以更新和更改 **HTML** 和 **CSS**。
JavaScript 可以 **计算**、**操作** 和 **验证** 数据。
JavaScript 快速入门教程
本教程将快速了解最重要的 JavaScript 数据类型。
JavaScript 变量可以是
- 数字
- 字符串
- 对象
- 数组
- 函数
JavaScript 变量
JavaScript 变量是用于存储数据值的容器。
在此示例中,x、y 和 z 是变量
从上面的示例中,您可以预期
- x 存储值 5
- y 存储值 6
- z 存储值 11
JavaScript 数字
JavaScript 只有一种数字类型。数字可以带小数点或不带小数点。
所有数字都存储为双精度浮点数。
小数的最大数量为 17,但浮点数并不总是 100% 准确
JavaScript 字符串
字符串 **存储文本**。字符串用引号括起来。您可以使用 **单引号** 或双 **引号**
字符串的长度在内置属性 **length** 中找到
JavaScript 对象
您已经了解到 JavaScript 变量是用于存储数据值的容器。
此代码将 **简单值**(Fiat)分配给名为 car 的 **变量**
var car = "Fiat";
自己尝试 »
对象也是变量。但对象可以包含多个值。
此代码将 **多个值**(Fiat、500、白色)分配给名为 car 的 **变量**
var car = {type:"Fiat", model:"500", color:"white"};
自己尝试 »
JavaScript 数组
JavaScript 数组用于在一个变量中存储多个值。
JavaScript 函数
JavaScript 函数是旨在执行特定任务的代码块。
当“某物”调用(调用)它时,JavaScript 函数将被执行。
JavaScript 可以做什么?
本节包含一些 JavaScript 可以做的事情的示例
- JavaScript 可以更改 HTML 内容
- JavaScript 可以更改 HTML 属性值
- JavaScript 可以更改 HTML 样式 (CSS)
- JavaScript 可以隐藏 HTML 元素
- JavaScript 可以显示 HTML 元素
JavaScript 可以更改 HTML 内容
许多 JavaScript HTML 方法之一是 **getElementById()**。
此示例使用该方法“查找”一个 HTML 元素(id 为“demo”)并将其元素内容(**innerHTML**)更改为“Hello JavaScript”
JavaScript 可以更改 HTML 属性值
在此示例中,JavaScript 更改了 <img> 标签的 src(源)属性的值
JavaScript 可以更改 HTML 样式 (CSS)
更改 HTML 元素的样式,是更改 HTML 属性的一种变体
示例
document.getElementById("demo").style.fontSize = "35px";
或者
document.getElementById('demo').style.fontSize = '35px';
自己尝试 »
JavaScript 可以隐藏 HTML 元素
隐藏 HTML 元素可以通过更改显示样式来实现
示例
document.getElementById("demo").style.display = "none";
或者
document.getElementById('demo').style.display = 'none';
自己尝试 »
JavaScript 可以显示 HTML 元素
显示隐藏的 HTML 元素也可以通过更改显示样式来实现
示例
document.getElementById("demo").style.display = "block";
或者
document.getElementById('demo').style.display = 'block';
自己尝试 »
完整的 JavaScript 教程
这是一个关于 JavaScript 的简短描述。
要获得完整的 JavaScript 教程,请访问 W3Schools JavaScript 教程。
要获得完整的 JavaScript 参考,请访问 W3Schools JavaScript 参考。