JS教程一部分

内容一，JS之HelloWorld

输入文本的方法

1，警告框输入

语法：alert("hello world")
效果：

2，页面文本输入

语法：document.write("hello world")

3，控制台输入

语法：console.log("hello world")

内容二，添加JS样式

在html文件内部使用JS

1，使用onclick给普通的标签引入JS

<button onclick="alert('HelloWorld')">点击此处</button>

如上所示，web中会产生一个按钮，点击按钮会展示JS中的内容，该代码表示会点击后弹出一个HelloWorld的警告框，如下所示

（点击之后）

2，给a标签添加JS样式

<a href="javascript:alert('HelloWorld')">点击</a>

从外部引入JS

从外部引入JS后，当前script标签内不会再体现任何的JS样式

语法：<script src=""></script>

一个页面可以引入多个JS文件

内容三，JS的变量

1，定义变量不赋值，从输入框获取

var x //定义一个值x
x = 100 //从输入框获取一个值

2，定义变量同时赋值

var y = 2000

也可以如下进行

var y = x +2000

同时定义多个变量

var a = 1 ,b = 2 , c = 3

内容四，变量的命名规范

1，变量名称可以由数字，字母，英文下划线，美元符号（$）组成

2，变量严格区分大小写

3，变量的定义不能由数字开头

4，不能是保留字或者关键字

5，不要出现空格

规则

1，变量名尽量有意义

2，遵循驼峰命名法，由多个单词组成的时候，从第二个单词开始首字母大小

3，不要使用中文

内容五，数据类型

1，Number（数字类型）

例如 ：十进制如：18，12，5；浮点数如：12.4（带小数点的数）以及科学计数法 十六进制，八进制，二进制的数

        var b = 2e3  //表示科学计数法2*10^3
        var c = 0xff //0x开头表示16进制的数
        var c = 012  // 0开头表示八进制的数
        var d = 0b11 //0b开头表示二进制

特殊：NaN：NaN也是一种number数据类型，表示不是一个数字

2，String（字符串类型）

给字符串加上"双引号"或者'单引号'，该字符串就属于String类型

3，Boolean

该类型只有两个值：true和false

4，Undefined

声明了但是未赋值

5，Null

空值
Null专门用来表示一个为空的对象

6，Symbol

内容六，数据类型的转换-转成数值

1，Number（变量）

可以把一个变量强制转换成数值类型
可以转换小数，会保留小数
可以转换布尔值
遇到不可转换的都会返回NaN

2，parseInt（变量）

从第一位开始检查，是数字就转换，直到一个不是数字的内容
如果开头就不是数字，则直接返回NaN
不识别小数点，只能保留整数

3，parseFloat（变量）

从第一位开始检查，是数字就转换，直到一个不是数字的内容
开头就不是数字，那么直接返回NaN
认识一次小数点

4，除了加法以外的数学运算

运算符两边都是可运算的数字才行
如果运算符任何一边不是一个可运算数字，那么就会返回NaN
加法不可以用

内容七，数据类型的转换-转成字符串

1，String(变量)

所有类型都能转成字符串
例：

        var a = 100
        var b = String(a)
        console.log(typeof a,typeof b)

2，变量.toString()

有一些数据类型不能使用.toString()方法，比如undefined和null，否则会报错
例如

        var a = 100
        var b =a.toString()
        console.log(typeof a,typeof b)

3，使用加法运算

在JS里面，+有两个含义
字符串拼接：只要+任意一边是字符串，就会进行字符串的拼接
加法运算：只有+两边都是数字的时候，才会进行数学运算

内容八，数据类型的转换-转成布尔值

在JS中，只有''，0，null，undefined，NaN,这些是false
其余都是true

内容九，运算符

就是在代码里面进行运算的时候使用的符号，不光是数学运算，我们在JS里面还有很多的运算方式

1，+

只有符号两边都是数字的时候才会进行加法运算
只要符号任意一边是字符串类型，就会进行字符串拼接

2，-

会进行减法运算
会自动把两边都转换成数字进行运算

3，*

会执行乘法运算
会自动把两边都转换成数字进行运算

4，/

会执行除法运算
会自动把两边都转换成数字进行运算

5，%

会执行取余运算
会自动把两边都转换成数字进行运算
例如：

        var a = 6 ,b = 40
        console.log(b%a)

内容十，赋值运算符

1，=

就是把= 右边的赋值给等号左边的变量名
例如

var y = 2000

就是把2000赋值给y变量
那么y的值就是2000

2，+=

        var a = 10
        a += 10
        console.log(a)

a += 10 等价于a = a + 10

3，-=

        var a = 10
        a -= 10
        console.log(a)

a -= 10 等价于a = a - 10

4，其他

相似的
a /= 10 等价于a = a / 10
a %= 10 等价于a = a % 10
a *= 10 等价于a = a * 10

内容十一，比较运算符

1，==

比较符号两边的值是否相等，不管数据类型
例如

console.log(1=="1") 

因为数值相等，所以为true

2，===

比较符号两边的值和数据类型是否都相等

console.log(1==="1") 

因为数据类型不同，所以为false

3，!=

比较符号两边的值是否不等

console.log(1!="2")

如果不相等则返回true，该代码结果就是true

4，!==

比较符号两边的数据类型和值是否不等

console.log(1!=="1")

如果不相等则返回true，该代码因为数据类型不同，结果返回true

5，>=和<=

比较左边的值是否大于或等于右边的值
和比较左边的值是否小于或等于右边的值

内容十二，逻辑运算符

1，&&且

进行“且”运算

符号左右必须同时为true，结果才会返回true
只要有一边不是true，那么就会返回false

2，||或

进行或运算

符号左边为true或者右边为true，都会返回true
只有两边都是false，结果才会返回false

3，!

进行取反运算
本身是true会变成false
本身是false会变成true

内容十三，自增自减运算符

1，++

进行自增运算
分成两种前置++和后置++
前置++会先把值自动加1再返回
后置++会先返回再把值自动加1

2，–

进行自增运算
分成两种前置–和后置–
前置–会先把值自动减1再返回
后置–会先返回再把值自动减1

内容十四，三元运算符

三元运算就是用两个符号组成一个语句
语法：条件？事件1（条件为true）:事件2（条件为false）

true?alert("语句1"):alert("语句2");

例如：

var a = 124 , b = 213;
a>b?alert("a大"):alert("b大");

内容十五，IF语句

if语句

通过一个if语句来决定代码是否执行
语法：

if(条件)
{
要执行的代码
}

通过()内的条件判断是否执行

if else语句

通过if条件来执行，执行哪一个{}里面的代码
语法：

if(条件表达式)
{
语句...
}
else
{语句...
}

两个{}内的代码一定会有一个执行

if … else if … 语句

可以通过if和else if 来设置多个条件进行判断
语法：

if(条件表达式)
{
语句...
}
else if(条件表达式)
{
语句...
}
else
{
语句...
}

会从头开始依次判断

当if ... else if ...循环有两组时

如果第一个条件为true，那么就会执行第一个的{}
如果第一个为false，则会判断第二个

当存在多个{}时，只会用一个被执行，一旦有一个条件为true，后面就不在判断了

内容十六，switch语句

也是判断语句的一种
是对于某一个变量的判断
语法：

switch（条件表达式）
{
case 情况1：
满足情况1执行的语句
break；
case 情况2：
满足情况2执行的语句
break；
case 情况3：
满足情况3执行的语句
break；
case 情况4：
满足情况4执行的语句
break；
}

要判断某一个变量等于某一个值的时候使用

内容十七，while循环

1，循环结构

循环结构，就是根据某些给出的条件，重复执行同一段代码
循环必须要有某些固定的内容组成

1，初始化
2，条件判断
3，要执行的代码
4，自身改变

2，while循环

while循环，中文叫当。。。时，其实就是当条件满足时就执行代码，一旦不满足就不执行了
语法while(条件){满足条件就执行}
因为满足条件就执行，所以我们一定要主要，就是设定一个边界值，不然就一直循环下去了

while（条件表达式）
{
语句。。。
}

3，do …while… 循环

语法：

do
{
语句。。。
}
while（条件表达式）

先执行，再判断