什么是 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、white）分配给名为 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 元素可以通过更改 display 样式来完成
示例
document.getElementById("demo").style.display = "none";
或
document.getElementById('demo').style.display = 'none';
自己动手试一试 »
JavaScript 可以显示 HTML 元素
显示隐藏的 HTML 元素也可以通过更改 display 样式来完成
示例
document.getElementById("demo").style.display = "block";
或
document.getElementById('demo').style.display = 'block';
自己动手试一试 »
完整的 JavaScript 教程
以上是对 JavaScript 的简要描述。
完整的 JavaScript 教程请访问 W3Schools JavaScript 教程。
完整的 JavaScript 参考请访问 W3Schools JavaScript 参考。
