JavaScript 用法
js代码是写在<script>
标签之中,<script>
标签可放在在 HTML 页面的 <body>
和 <head>
标签中,当然,也可以通过<script>
标签的src属性引入外部的js脚本文件。在一些早期的老版浏览器中需要在<script>
标签中标注type="text/javascript"
,而现在主流的浏览器就不需要添加了,因为现在浏览器默认执行的脚本语言就是js。
<!DOCTYPE html>
<html>
<body>
<script>
alert("Hello World");
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
JavaScript输出
已谷歌浏览器为例,在页面右键鼠标打开弹窗菜单,点击检查就能打开浏览器的调试窗口,或者按键盘的F12按键也能能打开浏览器的调试窗口。点击弹出的窗口中的Console选项按钮,里面输出的空白内容就是JS输出的内容了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
console.log("Hello World");
</script>
</body>
</html>
JavaScript的基本语法
1.语句以分号结尾(;)。
2.注释可以使用//进行单行注释,或者使用/…/进行多行注释。
3.JavaScript区分大小写。
JavaScript变量
JavaScript中的变量使用var, let或const关键字声明。比如:
var name = "张三";
let age = 20;
const PI = 3.1415;
JavaScript基本数据类型
1.字符串(String):用于表示文本,例如:“Hello World”。
2.数字(Number):用于表示数值,例如:5、3.14等。
3.布尔(Boolean):用于表示真假值,true或false。
4.null:表示一个空值或不存在的值。
5.undefined:表示未定义的值。
6.对象(Object):用于存储多个键值对。
7.数组(Array):用于存储多个元素的列表。
8.函数(Function):用于封装可重复使用的代码块。
JavaScript操作符
1.算术操作符:+
-
*
/
%
等。
2.赋值操作符:=
+=
-=
等。
3.比较操作符:==
===
!=
!==
>
<
等。
4.逻辑操作符:&&
(与) ||
(或) !
(非)等。
JavaScript条件语句
if语句:根据条件执行不同的代码块。
if (condition) {
// 执行操作
} else {
// 执行其他操作
}
switch语句:根据不同的条件执行不同的代码块。
switch (expression) {
case value1:
// 执行操作1
break;
case value2:
// 执行操作2
break;
default:
// 执行其他操作
break;
}
JavaScript循环
for循环:在满足条件的情况下,重复执行一段代码块。
for (var i = 0; i < 5; i++) {
// 执行操作
}
while循环:在满足条件的情况下,重复执行一段代码块。
while (condition) {
// 执行操作
}
do-while循环:先执行一次代码块,然后在满足条件的情况下重复执行。
do {
// 执行操作
} while (condition);