一、javascript在html文档中的引入方式:
1 外部引入:在head中通过src应用外部的js文件。引入的方式具体是:
实例
<head> <meta charset="UTF-8"> <title>第一节课</title> <script type="text/javascript" src="index.js"></script> </head>
运行实例 »
点击 "运行实例" 按钮查看在线实例
2 内部的添加:直接在html文档的body中,任何位置都可以添加。需要注意的是如果代码需要先加载出来,就放在文档的前面,但是如果是先加载html的内容,然后再加载js的效果,那么就要在html中需要先加载的内容后面添加。具体添加的方式是:
实例
<body> <script type="text/javascript"> document.write("欢迎来到php中文网") </script> </body>
运行实例 »
点击 "运行实例" 按钮查看在线实例
效果如图:
二 、变量是程序中存储信息的容器,在JS中变量的声明中最为长用的是var。let和conse也可以。
变量的声明是有规则的,
1只能是下划线和字母开头的包含数字、字母、下划线的字符串。
2区分大小写,只有大小写有一点不同,就是不同的变量。
3可以同时声明多个变量,中间用逗号隔开。
4不可以使用关键字和保留字
三、javascript中一共有七种不停的数据类型,分别是字符串、数字、布尔、数组、对象、Null、Undefined.
其中字符串类型是存储字符的变量,可以引入任何文本内容,需要用单引号和双引号; null类型是一个只有一个值的数据类型,通常用来把它赋值给变量来达到清空变量的作用;布尔类型只有true和false两个值,通常用在条件测试中;Undefined是一个数据类型,空值;
数组是用来存储一系列值的,其中需要使用到[],具体定义方法如下:
实例
var name=["tom","bill","mon"]
运行实例 »
点击 "运行实例" 按钮查看在线实例
对象是拥有属性和方法的数据也是属性和方法的容器,它也是一个变量可以包含多个值。定义中需要用到{},具体定义的方法如下:
实例
var e={ name:"周杰龙", age:"43", weight:"65kg" height:"175cm" }
运行实例 »
点击 "运行实例" 按钮查看在线实例
四、运算符。js中包含很多运算符,其中包括算数运算符、赋值运算符、比较运算符、和逻辑运算符。
1算数运算符:+ - * / % ++ --。
2赋值运算符:= += -= /= *= %=。
3比较运算符:用来比较两个或几个值之间的关系 == === >= <= != > <。
4逻辑运算符:用来确定几个值之间的逻辑关系 与&&:都为真才是真,其余都为假。 或||:有一个为真则为真,都为假才是假。 非!:取反,既原来是真则为假,原来是真则为假。
五、js中面对对于不同的条件来执行不同的程序的问题时采用if条件语句。
格式是:1. if(条件){执行程序};其中只有条件的值是true时,才会执行{}中的程序。
2. if(条件){程序1};
else{程序2};当条件成立时执行程序1,条件不成立时执行程序2。
3. 还可以通过if和else if的各种嵌套来实现更加复杂目的。例如:
if(条件1){程序1};
else if(条件2){程序2};
else{程序3};
满足条件1执行程序1.不满足条件1满足条件2,执行程序2,都不满足执行程序3。
五、作业实例。
实例1.通过if条件语句来判断一个年份是不是闰年。
首先判断是不是被100整除,如果是,则计算是否被400整除,能整除输出世纪闰年;如果第一步不能被100整除,则计算是否能被4整除,如果能便为闰年,如果不能便不是闰年。具体代码如下:
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>判断是否为闰年</title> <script type="text/javascript"></script> </head> <body> <script type="text/javascript"> var s="2000"; if(s%100 ==0) //先判断应该用4整除,还是要用400整除 { if(s%400 ==0) { alert("是世纪闰年"); //判断是否为世纪闰年 } else { alert("不是润年"); } } else if(s%4 ==0) { alert("是普通闰年"); //判断是否是普通闰年 } else { alert("不是闰年"); } </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
运行结果:
实例2.通过if条件语句来给学生的具体成绩来给学生成绩划分等级。从低到高,一次与分数线作比较,不满足则进入下一个条线进行判断。具体代码如下:
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>为学生成绩划分等级</title> </head> <body> <script type="text/javascript"> // 从低到高,依次排序 var grade=30; if(grade<60) //不及格档次,如果条件满足,直接跳出 { alert("不及格"); } else if(grade<70)//判断是否为及格档次 { alert("及格"); } else if(grade<80)//判断是否为良档次 { alert("良"); } else if(grade<90)//判断是否为良好档次 { alert("良好"); } else if(grade<100)//判断是否为优秀档次 { alert("优秀"); } </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
运行结果:
总结:
1js的引入包括在head中引入外部文件和在body中应用。
2变量是存储信息的,命名只能以字母和下划线来开始的由字母下划线和数字组成的非关键字和保留字的标记符。
3数据类型包括字符串,数字,布尔,数组,对象,null,undefined。其中数组定义时用[],对象用{}.
4运算符包括算数运算符,逻辑运算符,赋值运算符和比较运算符。
5含if的条件语句可以处理面对不同条件不同对待的问题。而且还可以通过if else else if的嵌套来实现更加复杂的语句。