web前端入门学习（3）-JavaScript
1 JavaScript入门
1.1 JavaScript是什么
JavaScript是运行在浏览器上的脚本语言。简称JS。
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
1.2 第一个JavaScript程序
<script>
alert("hello world!");
</script>
2 JavaScript的引入方式
2.1 内部引用
在html中直接使用< script >标签，标签中包含所写的内容
<script>
alert("内部引用");
</script>
2.2 外部引用
- 定义一个js文件，比如xxx.js
- 在html中使用标签< script src=“url地址” > < /script > 来引用js文件
3 JavaScript 弹出框
3.1 alert 警告框
3.1.1 作用
如果要确保信息传递给用户，通常会使用警告框。
当警告框弹出时，用户将需要单击“确定”来继续。
3.1.2 语法
alert(“弹出内容”);
示例：
alert("你早上吃饭了吗？");
alert('今天的彩票号码是:' +888);// +号表示拼接
alert("今天天气是: \n 多云");// \n表示换行
3.2 confirm 确认框
3.2.1 作用
如果您希望用户验证或接受某个东西，则通常使用“确认”框。
当确认框弹出时，用户将不得不单击“确定”或“取消”来继续进行。
如果用户单击“确定”，该框返回 true。如果用户单击“取消”，该框返回 false。
3.2.2 语法
confirm(“确认内容”);
示例：
let answer = confirm("你会吹口哨吗？");//弹出确认框
alert(answer);//显示确认结果
3.3 prompt 提示框
3.3.1 作用
如果您希望用户在进入页面前输入值，通常会使用提示框。
当提示框弹出时，用户将不得不输入值后单击“确定”或点击“取消”来继续进行。
如果用户单击“确定”，该框返回输入值。如果用户单击“取消”，该框返回 NULL。
3.3.2 语法
prompt(“提示内容”);
let name = prompt("你的名字是?");//弹出输入框,输入数据存储到name变量
alert("你的名字是:\n"+name);+将字符串和输入的信息拼接显示
4 JavaScript 核心语法
4.1 变量
可变的量
x : 变量
1：常量
变量的初始化：let x = 1;
let x = 1;
4.2 常量
不可变的量
一般用大写表示
使用const关键字定义常量
let const PI = 3.14;
4.3 命名规范
- 命名关键-----见名知意
- 变量的第一个字符不能为数字
- 变量命名安装驼峰法: coffePrice, redCar
- 常量命名 :大写字面 SHOOL_SIZE
4.4 运算符
4.4.1 赋值运算符
=
let a = 1;//把1的赋值给a
4.4.2 算术运算符
- 加法+
- 减法-
- 乘法*
- 除法/
- 取模%
- 幂运算**
- 自增++
- 自减–
4.4.3 复合运算符
+=
-+
*=
/+
等等
4.4.4 关系运算符
大于>
小于<
判断==
4.4.5 逻辑运算符
逻辑与&&
逻辑或||
逻辑非!
4.4.6 三目运算符
格式：
(表达式)**?**表达式为真时结果 : 表达式为假时结果 ;