JavaScript交互基础

1.什么是JS

JS是JavaScript的简称，一种弱文本类型的脚本编辑语言，JS是组成完整网页的一个部分；一个完整的网页应该由：html结构、css样式、JavaScript交互三个层次组成。

2.JS的使用位置

1.可以单独放在一个以.js为后缀的文件中，并使用<script src=&quot;&quot;></script>标签进行链接

2.可以放在html文件中body标签的最下方

3.JS中注释的作用

1.在JS代码中加上注释对于后面再来看这个代码的自己，以及他人都可以很清晰的展示这串代码的作用，便于后续的修改、变更工作。

2.快捷键为ctrl+/，显示样式为//

4.JS的输出形式

1.控制台输出

控制台输出需要用到的代码为：console.log("此处填写需输出内容")

2.警告框输出

警告框输出需要用到的代码为：alert("此处填写需输出内容")

3.页面中输出

页面输出需要用到的代码为：document.write("此处填写需输出内容") 值得一提的是在该处写的标签类会按正常标签运行

5.JS中的变量和常量

1.变量

1.不能以数字开头，严禁使用汉字，不能使用特殊符号

2.可以使用字母、数字、下划线，等等。

3.表示方法

（1）先声明后赋值

var str1; 
str1=123; 
console.log(str1);

(2)声明并赋值

var str2=234;
 console.log(str2);

2.常量

1.常量指的是一个不可变化的量，例如圆周率等。

2.一般情况下，为了避免出错，我们对其直接进行声明并赋值 const PI=3.14;

6.变量的数据类型

1.数值类型

var num1=100;

2.字符串类型

var str1=“abc”;

3.布尔类型

主要用于判断一些事件

真则表示为true

假则表示为false

4.null空类型

表示变量有值，但是值为空，只有在变量赋值时才能得到null

var str=null;

5.undefined类型

在声明变量，但是未赋值的时候出现

var str；

console.log(str);

6.其他复杂数据类型

7.检查数据类型

1.typeof

可以对基本数据类型进行检测，复杂一律返回object；

null的返回值也是object

2.isNaN

用来检测是否是数值类型；

如果是则返回true，

否则返回false

8.数学运算符

1.+

左右都为数值时进行加法运算，只要有一方为字符串，就只进行拼接

2.-

将非数值转换为竖直进行运算，不能转换的输出NaN

3.*/%

将两侧转换为竖直进行计算

9.赋值运算符

1.=

将右侧的值赋给左侧的变量

2.+=

在变量的基础上加上一个数值，然后再赋给左侧

3.-=

在变量的基础上减去一个数值, 同时再赋值给对应的变量

4.*=

在变量的基础上乘以一个数值, 同时再赋值给对应的变量

5./=

在变量的基础上除以一个数值, 同时再赋值给对应的变量

6.%=

在变量的基础上取余一个数值, 同时再赋值给对应的变量

10.比较运算符

用来比较大小，返回一个布尔值

1.>

符号左侧大于右侧，返回真

2.>=

符号左侧大于或者等于右侧时，返回为真

3.<

符号左侧小于右侧,返回真

4.<=

符号左侧小于或者等于右侧,则返回真

5.==

符号左侧和右侧值相等即可, 就能返回真

6.!=

比较符号两边的值是否不等,如果是返回true不管数据类型

11.逻辑运算符

1.与（&&）

同真则真，有假则假

2.或（||）

有真则真，同假才假

3.非（!）

取反，真为假，假为真