java前端开发案例 javascript前端开发案例教程源码

web前端入门学习（3）-JavaScript

• 1 JavaScript入门

• 1.1 JavaScript是什么
• 1.2 第一个JavaScript程序

• 2 JavaScript的引入方式

• 2.1 内部引用
• 2.2 外部引用

• 3 JavaScript 弹出框

• 3.1 alert 警告框

• 3.1.1 作用
• 3.1.2 语法

• 3.2 confirm 确认框

• 3.2.1 作用
• 3.2.2 语法

• 3.3 prompt 提示框

• 3.3.1 作用
• 3.3.2 语法

• 4 JavaScript 核心语法

• 4.1 变量
• 4.2 常量
• 4.3 命名规范
• 4.4 运算符

• 4.4.1 赋值运算符
• 4.4.2 算术运算符
• 4.4.3 复合运算符
• 4.4.4 关系运算符
• 4.4.5 逻辑运算符
• 4.4.6 三目运算符

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 外部引用

1. 定义一个js文件，比如xxx.js
2. 在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 三目运算符

格式：
(表达式)**?**表达式为真时结果 : 表达式为假时结果 ;