1.JS快速入门
1.1引入JavaScript
1.内部标签
<script>
alert('Hello World!');
</script>
2.外部引入
xxx.js
....
test.html
<script src="xxx.js"></script>
例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--script标签内，写JavaScript代码-->
<!-- <script>-->
<!-- alert('Hello World!');-->
<!-- </script>-->
<!--外部引入-->
<!--注意：script标签，必须成对出现-->
<script src="JS/cyh.js"></script>
<!--不用显示定义type，也默认就是JS-->
<script type="text/javascript"></script>
</head>
<body>
<!--这里也可以存放-->
</body>
</html>
1.2 基本语法入门
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--JS严格区分大小写-->
<script>
//1.定义变量 变量类型 变量名 = 变量值
let score=71;
//2.条件控制
if(score>10&&score<70){
alert("10~70")
}
else if(score>70&&score<80){
alert("70~80")
}
else{
alert("other");
}
/*注释
**/
// console.log(score)在浏览器的控制台打印变量！
</script>
</head>
<body>
</body>
</html>
浏览器必备调试须知：
1.3 数据类型
数值，文本，图形，音频，视频......
变量
let a
number
js不区分小数和正数
123//正数123
123.1//浮点数123.1
1.123e3//科学计数法
-99//负数
NaN//not a number
Infinity//表示无限大
字符串
‘abc’ "abc"
布尔值
true，false
逻辑运算
&&
||
！
比较运算符
=
==等于（类型不一样，值一样，也会判断为true）
===绝对等于（类型一样，值一样，结果为true）
NaN===NaN，NaN与所有数值都不想等，包括自己
只能通过isNaN来判断这个数是否是NaN
浮点数问题：
<script>
console.log((1/3)===(1-2/3));//false
</script>
尽量避免使用浮点数进行运算，存在精度问题
<script>
console.log(Math.abs(1/3-(1-2/3))<0.000001);//true
</script>
null和undefined
null 空
undefined未定义
数组
JAVA数组是一系列相同类型的对象，JS中不需要这样
let arr=[1,2,3,4,5,'hello',null,true]
取数组下表，如果越界了就会undefined
对象
对象是大括号{}
数组是中括号[]
每个属性之间使用，隔开最后一个不需要
<script>
let person={
name:"cc",
age:3,
tags:['js','java']
}
</script>
取对象的值
person.name
> "cc"
person.age
> 3
1.4严格检查格式
<!-- 'use strict'严格检查模式，预防JS的随意性导致产生的一些问题，必须写在第一行
局部变量建议都使用let定义-->
<script>
'use strict';
i=1
</script>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· winform 绘制太阳，地球，月球 运作规律
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）