Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

什么是 JavaScript?


HTML

JavaScript 是 Web 的 **编程语言**。

JavaScript 可以更新和更改 **HTML** 和 **CSS**。

JavaScript 可以 **计算**、**操作** 和 **验证** 数据。


JavaScript 快速入门教程

本教程将快速了解最重要的 JavaScript 数据类型。

JavaScript 变量可以是

  • 数字
  • 字符串
  • 对象
  • 数组
  • 函数

JavaScript 变量

JavaScript 变量是用于存储数据值的容器。

在此示例中,x、y 和 z 是变量

示例

var x = 5;
var y = 6;
var z = x + y;
自己尝试 »

从上面的示例中,您可以预期

  • x 存储值 5
  • y 存储值 6
  • z 存储值 11

JavaScript 数字

JavaScript 只有一种数字类型。数字可以带小数点或不带小数点。

示例

var x = 3.14;    // 带小数点的数字
var y = 3;       // 不带小数点的数字

自己尝试 »

所有数字都存储为双精度浮点数。

小数的最大数量为 17,但浮点数并不总是 100% 准确

示例

var x = 0.2 + 0.1;         // x 将为 0.30000000000000004

自己尝试 »


JavaScript 字符串

字符串 **存储文本**。字符串用引号括起来。您可以使用 **单引号** 或双 **引号**

示例

var carname = "Volvo XC60";  // 双引号
var carname = 'Volvo XC60';  // 单引号
自己尝试 »

字符串的长度在内置属性 **length** 中找到

示例

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
自己尝试 »


JavaScript 对象

您已经了解到 JavaScript 变量是用于存储数据值的容器。

此代码将 **简单值**(Fiat)分配给名为 car 的 **变量**

var car = "Fiat";
自己尝试 »

对象也是变量。但对象可以包含多个值。

此代码将 **多个值**(Fiat、500、白色)分配给名为 car 的 **变量**

var car = {type:"Fiat", model:"500", color:"white"};
自己尝试 »

JavaScript 数组

JavaScript 数组用于在一个变量中存储多个值。

示例

var cars = ["Saab", "Volvo", "BMW"];
自己尝试 »

JavaScript 函数

JavaScript 函数是旨在执行特定任务的代码块。

当“某物”调用(调用)它时,JavaScript 函数将被执行。

示例

function myFunction(p1, p2) {
    return p1 * p2;              // 该函数返回 p1 和 p2 的乘积
}
自己尝试 »

JavaScript 可以做什么?

本节包含一些 JavaScript 可以做的事情的示例

  • JavaScript 可以更改 HTML 内容
  • JavaScript 可以更改 HTML 属性值
  • JavaScript 可以更改 HTML 样式 (CSS)
  • JavaScript 可以隐藏 HTML 元素
  • JavaScript 可以显示 HTML 元素

JavaScript 可以更改 HTML 内容

许多 JavaScript HTML 方法之一是 **getElementById()**。

此示例使用该方法“查找”一个 HTML 元素(id 为“demo”)并将其元素内容(**innerHTML**)更改为“Hello JavaScript”

示例

document.getElementById("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 参考


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.