JavaScript学习if-else结构多重if、阶梯if嵌套if结构Switch-Ca。
。。
新知识：
JavaScript基础学习：
基于浏览器
基于（⾯向）对象
事件驱动
脚本语⾔
JavaScrip的作⽤：
表单验证，减轻服务端的压⼒
添加页⾯动画效果
动态更改页⾯内容
Ajax⽹络请求
JavaScrip的组成：
ECMAScript DOM（⽂档对象模型） BOM(浏览器对象模型)
⽂档各个节点
语法标准：
语法
变量和数据类型
运算符
逻辑控制语句
关键字、保留字
对象
基础结构：
<script type="text/javascrip“>
jacascrip语句
</script>
数据类型：
S中的变量的数据类型
数据类型：
undefined —— 未定义，⽤var声明的变量，没有进⾏初始化赋值。 var a；
null ———— 表⽰空的引⽤。例如：空的对象，空的数组
boolean ——真假，可选值 ture/false
number —— 数值类型。可以使⼩数，也可以是整数。
object —— 复杂数据类型：后续讲解，函数、数组等。。。
代码：
<!--
【使⽤JS的三种⽅式】
1、html标签中内嵌JS(不提倡使⽤。)
<button onclick="javascript:alert('你真点啊。')" > 有本事点我呀</button>
2、HTML页⾯中直接使⽤JS：
<script type="text/javascript">
//js代码
</script>
3、引⽤外部JS⽂件：
<script language="javascript" src="Js⽂件路径">
</script>
[注意事项]
①页⾯中JS代码与引⽤JS代码，可以潜⼊到HTML页⾯的任何位置。但是，位置不同会影响到JS代码的执⾏顺序；
例如：<script>在body前⾯，会在页⾯加载之前执⾏JS代码；
②页⾯中JS代码，使⽤type="text/javascript"
引⽤外部的JS⽂件，使⽤language="javascript"
③引⽤外部JS⽂件的<script></script>标签，必须成对出现，且标签内部不能有任何代码！
-->
//js中的注释
//单⾏注释 Ctrl+/
/*段落注释 Ctrl+Shift+/ */
/*【JS中的变量】
* 1、JS中变量声明的写法：
* var width=10；使⽤var 声明的变量，只在当前函数作⽤域有效
width=11；不适⽤var，直接复制⽣成的变量，默认为全局变量，整个JS⽂件有效。
var a,b,c=1；//同⼀声明语句同时声明多个变量，变量之间⽤英⽂逗号分隔。但，赋值需要单独赋，例如上式中，只有C赋为1，a/b为undefined（未定义）
*【声明变量注意事项】
* ①JS中所有变量类型声明，均使⽤var关键字。变量的具体数据类型，取决于给变量赋值的执⾏
* ②同⼀变量，可以在多次不通过赋值时，修改变量的数据类型：
* var width = 10；//width 为整形变量
* width="哈哈"；//width 被改为字符串类型
* ③变量可以使⽤var声明，也可以省略var。[区别]不适⽤var，默认为全局变量
*
* ④同⼀变量声明，可以多次⽤var声明。但是并没有任何含义，也不会报错。第⼆次之后的声明，只会被理解为赋值。
* 2、变量的命名规范
①、变量名，只能有字母、数字、下划线、$ 组成
②、开头不能使数字
③、变量区分⼤⼩写，⼤写字母与⼩写字母为不同变量
*3、变量命名要符合驼峰法则
变量开头⼩写，之后每个单词⾸字母⼤写；
meiTianYaoYaiXin √
或者每个单词⼩写但⽤下划线相隔
mei_tian_yao_kai_xin √
meitianyaokaixin ×
* 4、JS中的变量的数据类型
数据类型：
undefined —— 未定义，⽤var声明的变量，没有进⾏初始化赋值。 var a；
null ———— 表⽰空的引⽤。例如：空的对象，空的数组
boolean ——真假，可选值 ture/false
number —— 数值类型。可以使⼩数，也可以是整数。
string —— 字符串类型。⽤""或''包裹的内容，成为字符串。
object —— 复杂数据类型：后续讲解，函数、数组等。。。
* 5、常⽤的数值函数：
①isNaN：⽤于判断⼀个变量或常量，是否为NAN（⾮数值）
使⽤isNAN判断时，会尝试使⽤Nunber（）函数进⾏转换，如果能转换为数字，则不是⾮数值
，结果为false
"111"纯数字字符串，fales ; ""空字符串， false；"1a"包含其他字符，true；
true/false 布尔类型，false
②Number()：将其他类型转换为数值类型
[字符串类型转数值]
>>>>字符串为纯数值字符串，会转为对应的数字"111"->111
>>>>字符串为空字符（""），会转为0 。 ""->
>>>>字符串包含其他⾮数字字符时，不能转换，"111a"->NaN
[布尔Boolean类型转数值]
true -> 1 false -> 0
[null/undefined转数值]
null -> 0 Undfined -> NaN
[object类型转数值]
*（以后在了解）先调⽤Valueof 函数，确定函数是否有返回值，在根据上述各种情况判断。
③parseInt：将字符串转为数值类型
>>> 空字符串，不能转。结果为NaN
>>> 纯数值字符串，能转。"123"->"123" "123.5"->"123" （⼩数转化是，直接抹掉⼩数点，不进⾏四舍五⼊）
>>> 包含其他字符的字符转。会截取第⼀个⾮数值字符前的数值部分。
"123a456"->123 "a123a456"->NaN
>>> parseInt 只能转String类型，Boolean/null/Undefined 均为NaN
④parseFloat：将字符串转为数值类型
>>> 使⽤⽅式同parseInt 。但是，当转化⼩数字符串时，保留⼩数点；转化整数字字符时，保留正数； "123.5" -> "123.5" "123" -> "123"
⑤typeof: ⽤来检测变量数据类型
未定义 ->Undefined 字符串 -> Sting true/false -> boolean
数值 -> Number 对象/null -> object 函数 -> function
*/
/*[JS中的输出语句]
document.write（）；
输出语句，将write的（）中的内容打印在浏览器屏幕上
使⽤时注意：除变量/常量以外的任何内容，打印时必须放到""中。变量/常量必须放在""外
打印的内容同时⼜度部分组成时，之间⽤+链接：
例如： document.write("左⼿中的纸牌"+left+"<br/>")
alert（）
弹窗警告，()中的使⽤⽅式，同上
*/
学习新知识：
JS中的运算符-
/*
1、算术运算
+ 加、- 减、* 乘、 / 除、 % 取余（数）、++ ⾃增、-- ⾃减
+：有两种作⽤，链接字符串/加法运算；当+两边都为数字时进⾏加法运算；当+两边任意⼀边是字符串时，进⾏字符串链接，链接之后的结构认为字符串。++：⾃增运算符，将变量在原有基础上+1；
--：⾃减运算符，将变量在原有基础上-1；
【n++与++n 的异同】
n++：先使⽤n的值进⾏计算，然后再把n+1；
++n：先把n的值+1，然后再⽤n+1以后的值，去运算；
相同点，不论n++还是++n，在执⾏源代码以后，均会把n+1；
eg： var a = 3；
b=a++ +2； a=4 [（a=3）b=5 ] 先计算再加值
c=++a +2； a=5 c=7
2、赋值运算
= 赋值、 += -= *= /= %=
+=: a +=5 ; 相当于a = a + 5；但是，前者的执⾏效率要⽐后者块。
3、关系运算
== 等于、=== 严格等于、 != 不等于、>、<、>=、<=
===：严格等于；类型不同，返回false；类型相同，在进⾏下⼀步判断；
==：等于；类型相同，同===；类型不同时，将登时两边均⽤Number()函数转为数字，再判断。特例：null == Undefined √ null === Undefined ×
4、条件运算符(多⽬运算)
a>b?true:false
有两个关键符号， ?和：
当？前⾯的部分运算结果为true时，执⾏：前⾯的代码；
当？前⾯的部分运算结果为false时，执⾏：后⾯的代码；switch case判断字符串
>>>多⽬运算符可以多层嵌套：
例如： var jieguo = num>5？"输⼊太⼤了"：(num==5？"蒙对了"："输⼊太⼩")
5、逻辑运算符
&&、||、！
[运算符的优先级]

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。