JavaScript基础知识-CSDN博客

本文介绍了JavaScript的基础概念，包括变量声明、注释使用、基本运算符、条件语句及函数定义等内容，帮助初学者快速掌握核心技能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是JavaScript？

JavaScript（简称“JS”）是一种全面的动态编程语言，应用于HTML文档时，可以在网站上提供动态交互性。

变量

变量是可以存储值的容器。首先声明一个带有var关键字的变量，然后是要调用它的任何名称：

var myVariable;

如需向变量赋值，请使用等号：

carname="Volvo";

实例1：

<!DOCTYPE html>
<html>
<body>
<script>
var x=2;
var y=3;
var z=2+3;

document.write(x + "<br>");//类似python的换行\n，不写br，结果会显示在一起
document.write(y + "<br>");
document.write(z + "<br>");
</script>

</body>
</html>

执行结果：

2
3
5

实例2：

<!DOCTYPE html>
<html>
<body>
<p>点击这里来创建变量，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var carname="Volvo";
document.getElementById("demo").innerHTML=carname;
}
</script>
</body>
</html>

执行结果：

点击这里来创建变量，并显示结果。
点击这里   -->点击后（Volvo）

请注意，变量可能包含具有不同数据类型的值：

编程中需要变量来做任何有趣的事情。如果数值无法改变，那么您就无法做任何动态的事情，例如个性化问候信息或更改图库中显示的图像。

注释

可以将注释放入JavaScript代码中，就像在CSS中一样：

/*
Everything in between is a comment.
*/

如果您的评论不包含换行符，将它放在两个斜线后面通常会更容易：

// This is a comment

实例：

<script>
alert("My First JavaScript"); //弹出警告框
//这是一段注释
</script>

运算符

运算符（operator）是基于两个值（或变量）产生结果的数学符号。下表中，可以看到一些最简单的运算符，以及一些在JavaScript控制台中尝试使用的示例。

更多运算符参考

条件语句

格式：if … else

<!DOCTYPE html>
<html>
<body>
<script>
var iceCream = 'chocolate';
if (iceCream === 'chocolate') {
  alert('Yay, I love chocolate ice cream!');    
} else {
  alert('Awwww, but chocolate is my favorite...');    
}
</script>
</body>
</html>

执行结果：
弹出警告框：显示：Yay, I love chocolate ice cream!

如果比较结果不正确，则跳过第一个块，并在else语句后面运行第二个代码块。

函数

函数（Functions）就是包裹在花括号中的代码块，前面使用了关键词 function：

function functionname()
{
这里是要执行的代码
}

实例：

<!DOCTYPE html>
<html>
<script>
function function1()
{
alert('hello!');
}
</script>
<body>
<button onclick="function1()">点击这里</button>
</body>
</html>

执行结果：

显示点击这里：-->点击后弹出hello警告框

当调用该函数时，会执行函数内的代码。
可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。
JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

事件

网站上真正的互动性需要事件。这些代码结构监听浏览器中发生的事情，并响应运行代码。最明显的例子是点击事件，当您用鼠标点击某个东西时，浏览器触发该事件。

实例：

<!DOCTYPE html>
<html>
<script>
function function1()
{
alert('hello!');
}
</script>
<body>
<button onclick="function1()">点击这里</button>
</body>
</html>

执行结果：

显示点击这里：-->点击后弹出hello警告框

学习地址

转载于:https://www.cnblogs.com/weibgg/p/10787082.html