JavaScript学习/if-else结构/多还if、阶梯if/嵌套if结构/Switch-Case结构/循环结构的步调/for循环

新知识:

JavaScript基础学习:

因浏览器

基于(面向)对象

事件驱动

脚本语言

JavaScrip的作用:

表明单验证,减轻服务端的压力

补加页面动画作用

动态更改页面内容

Ajax网络要

JavaScrip的组成:

ECMAScript DOM(文档对象模型)
BOM(浏览器对象模型)

文档各个节点

语法标准:

语法

变量和数据类型

运算符

逻辑控制语句

关键字、保留字

对象

 

基础结构:

<script
type=”text/javascrip“>

jacascrip语句

</script>

 

数据类型:

S中的变量的数据类型

数据类型:

undefined ——
未定义,用var声明的变量,没有进展初始化赋值。 var a;

null ———— 表示空的援。
例如:空的靶子,空的数组

boolean ——真假,可选值 ture/false

number —— 数值类型。
可以要小数,也堪是整数。

string —— 字符串类型。
用””或”包裹的情节,成为字符串。

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;

var b, c;

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时,执行:后面的代码;

 

>>>多目运算符可以基本上叠嵌套:

比如: var jieguo =
num>5?”输入太要命了”:(num==5?”蒙对了”:”输入太小”)

 

5、 逻辑运算符

&&、||、!

 

[运算符的先级]

()

! ++ —

% / *

+ –

< > >= <=

== !=

&&

||

各种赋值: = += *= /= %=

 

 

* */

 

新知识:

 

/*【if-else结构】

1、结构写法:

if(判断标准){

//条件为true时执行

}else{

//条件为false时执行

}

2、if()中之表达式,运算之后的结果应吗:

① Boolean: true 真 false 假

② String:非空字符串为真 空字符串为假

③ Number:0为假 一切非0,均为真

④ Null/NaN/Undefined: 全为假

⑤ Object:全为真

3、else{}结构,可以根据具体情况省略;

*/

var num = {};

 

if(num){

//条件为true时执行

document.write(“if条件建立”);

}else{

//条件为false时执行

document.write(“if条件不起”);

}

//
num<10?document.write(“if条件建立”):document.write(“if条件不建”);

 

 

 

/* 【多重if、阶梯if】

1、结构写法:

if(条件一){

// 条件一致成立

} else if(条件二){

// 条件相同不成立&&条件二起家

 

// else-if 部分,可以有N多个

} else{

// 条件一致不建&&条件二无立

}

 

2、多再if结构面临,各个判断标准是轧的!只能挑中同样条路。

 

3、if/else的{}可以简单,但是一般不提倡;

一旦简单{} 则,if/else结构包含的代码,仅为该后多年来之均等行(分号结束);

如若简单{} 则,else结构永远属于其前方最近底一个if结构。

 

*/

var num2 = 5;

if(num2>5){

document.write(“输入了很”);

} else if(num2<5){

document.write(“输入过小”);

} else if(num2==5){

document.write(“输入是”);

}

 

if(num2==5) document.write(“输入了死”);

 

if(num2==5) document.write(“输入了非常”);

else document.write(“11”);

 

document.write(“22”);

 

 

/* 【嵌套if结构】

1、结构写法:

if(条件一){

// 条件相同成立

if(条件二){

// 条件同成立&&条件二吗起

}else{

// 条件相同成立&&条件二休树立

}

}else{

//条件一致不建

}

 

2、if结构得以基本上重新嵌套,但是规格达成未超越3层

*/

 

 

 

 

 

/* 【Switch-Case结构】

1、结构写法:

switch(表达式){

case 常量表达式1:

语句1;

break;

case 常量表达式2:

语句2;

break;

……

default:

语句N

break;

}

2、注意事项:


switch()中的表达式,以及每个case后面的表达式,可以啊任何JS支持之数据类型(对象和数组不行);

② case后面的享有常量表达式,必须各不相同,否则就会实行第一独;


case后底常量可以是另数据类型;同一个switch结构的不同case,可以是多种不同的数据类型;

④ switch在进展判断的时,采用的是全等判断===。

⑤ break的作用:执行完case代码后,跳出当前switch结构;

缺失break的究竟:从对的case项开始,依次执行有的case和default。原因:⑥↓


switch结构于认清时,只见面判定一致不好对答案,当遇到对的case项后,将见面不再判断后续项目。依次为生实施。


switch结构的推行速率要赶早让多再次if结构。在多路分段时,可事先考虑采用switch结构。

*/

var num4 = 5;

switch (num4){

case 4:

document.write(“这是9的case块!”);

//break;

case 5:

document.write(“这是10的case块!”);

//break;

case 6:

document.write(“这是11的case块!”);

//break;

default:

document.write(“这是default的case块!”);

break;

}

 

 

 

新知识:

<script type=”text/javascript”>

/*【循环结构的手续

①声明循环变量

②判断循环条件

③执循环地(while的{}中持有代码)操作

④更新循环变量

 

下一场,循环执行 ② ③ ④

 

 

【js中循环条件支持之数据类型】

①Boolean:true 真 false 假

②string:非空字符串真 空字符串为假

③Number:0为假,一切非0,均为真

④null/NaN/Undefined: 全为假

⑤object:全为真

 

*/

 

/*

 

* while循环特点:先判断,再实行;

*
do-while循环特点:先实施,在认清;即便初始标准不建,do-while循环也至少实施同一不行。

* */

 

 

 

var n=1; // ①声称循环变量

while(n<=10){// ②判断循环条件

document.write(“今天天气好好。<br
/>”);//执行循环地(while的{}中持有代码)操作

n++; //④更新循环变量

}

 

var m = 1;

do{

document.write(“今天天气一点呢不好。<br />”);

m++;

}while(m<=5);

 

/*【for循环】

1、for循环有三只表达式,分别吗:①定义循环定量②判定循环条件③创新循环变量

老三单表达式之间,用;分隔。

for循环三只表达式均可以概括, 两独;缺一不可

2、for循环特点;选判断,在执行;

3、for循环三单表达式,均可以出多有构成,之间用逗号分隔;但是,第二部分判断标准得为此&&链接,最终结出待呢真/假

*/

 

var b = 1;

for (;b<5;) {

document.write(“今天天气好好666<br />”);

b++;

}

 

 

 

</script>