11.初始JavaScript[初步了解何为js]
JavaScript(简称JS)是一种广泛使用的动态、弱类型脚本语言,主要用于为网页添加交互性。它是一种解释性脚本语言,可以直接嵌入HTML中运行。
初步了解JS,可以从以下几个方面开始:
- 在HTML中嵌入JS:
<!DOCTYPE html>
<html>
<body>
<h2>我的第一个 JavaScript 程序</h2>
<button type="button" onclick="alert('你好,世界!')">点击我!</button>
</body>
</html>
在这个例子中,当按钮被点击时,会弹出一个带有消息 "你好,世界!" 的警告框。
- 使用外部JS文件:
你可以将JS代码放在外部.js
文件中,然后在HTML中通过<script>
标签引用。
<!DOCTYPE html>
<html>
<body>
<h2>我的第一个 JavaScript 程序</h2>
<button type="button" onclick="myFunction()">点击我!</button>
<script src="script.js"></script>
</body>
</html>
在script.js
文件中:
function myFunction() {
alert('你好,世界!');
}
- 基本语法:
JS是一种区分大小写的语言,所以name
和Name
是不同的。
JS的语法主要包括:
- 变量声明:使用关键字
var
、let
、const
声明变量。 - 函数:使用
function
关键字定义函数。 - 循环:提供
for
和while
循环。 - 条件语句:使用
if
和switch
进行条件判断。 - 数组:使用
[]
创建数组。 - 对象:使用
{}
创建对象。
例如:
var x = 5; // 声明变量x
var y = x * 10; // 变量使用与运算
function myFunction(a, b) { // 定义函数
return a * b;
}
var z = myFunction(4, 3); // 调用函数并赋值给z
for (var i = 0; i < 5; i++) { // for循环
console.log(i);
}
if (x > 3) { // 条件判断
console.log("x is greater than 3");
} else {
console.log("x is not greater than 3");
}
var cars = ["Saab", "Volvo", "BMW"]; // 数组
var person = {firstName:"John", lastName:"Doe", age:50}; // 对象
- 使用控制台输出:
在浏览器中打开开发者工具(通常按F12
),可以在控制台(Console)中看到JS代码的输出。
console.log('Hello, World!');
以上是对JS初步了解的一些基本内容,实际应用中会涉及更多复杂的概念,如事件处理、DOM操作、异步编程、模块化开发等。
评论已关闭