9月12日JavaScript脚本语言
JS脚本语言
JS脚本语言全称JavaScript,是网页里面使用的脚本语言,也是一门非常强大的语言。
一、基础语法
1.注释语法
单行注释://
多行注释:/**/
2.输出语法
①alert(信息);效果是弹出信息
②confirm(信息);效果是弹出一个和用户交互的对话框
③prompt(信息):效果是弹出一个可以让用户输入的对话框
3.嵌入JS代码
嵌入JS代码时,要尽量靠下写,嵌入代码为<script type="text/javascript"></script>
4.程序基本知识
① 所有的字符全部是英文半角的。
② 大部分情况下每条语句结束之后要加分号。
③ 每一块代码结束之后加换行
④ 程序前后呼应(前面有一个括号"("后面一定有一个括号结束")")
5.数据类型
数据在程序中存储,存储的名称叫做变量。数据类型分为强类型语言和弱类型语言,数据存储的时候需要存在相应的数据类型变量中的成为强类型语言,数据存储的时候不区分类型(类型自动转换)的成为弱类型语言。数据的类型主要有以下几种:
① 整型(整数)int
② 单精度的小数 float
③ 双精度的小数 double
④ 小数 decimal
⑤ 货币类型 money
⑥ 字符 char
⑦ 字符串 string
⑧ 布尔型 bool true真 false假
⑨ 日期时间类型 datetime
6.变量的意义
变量书写的形式为var a = 10; 如果定义小数或整数的变量,等号后面的值直接写;如果定义字符串变量,等号后面的值需要加双引号或单引号。
7.类型转换
parseInt(b);类型转换时b就是需要转换的数据。
8.运算符号表达式
①数学运算符
数学运算符有+、-、*、/除()、%(余数)
var a = 10;
var b = 5;
alert(a+b);
预览以后在网页上弹出的对话框数值就是15。
②逻辑运算符
逻辑运算符有&&(并)、||(或)、!(非)
③其它运算符
a.字符串的拼接
var s1 ="hello";
var s2 ="world";
var s = s1+s2;
hello是一个字符串,world也是一个字符串,两个字符串相加,弹出的网页就会出现helloworld。如果+两边都是数字,则是数学运算,如果有一方是字符串,则是字符串的相加。
b.三元运算符
var a =8;
var b =5;
var c = a==b?"A等于B":"A不等于B"
alert(c);
此三元运算符表示a是否等于b,如果a=b,则输出A等于B;如果a不等于b,则输出A不等于B。 其中,a==b表示a=b?,询问==两边的数字是否相等。
var sex =true; var xb = sex?"男":"女"; alert(xb);
再比如上面代码,弹出页面是“男”,如果true改成flase,弹出页面会显示“女”。(注:布尔型里面true代表男,flase代表女。)
c.比较运算符
==(是否等于)、!=(不等于)、>、<、>=、<=
二、语句
1.顺序
按顺序进行运算的语句为顺序语句,顺序语句一般结束后都要加分号。
2.分支
作用是让程序根据条件的不同执行不同的代码。
①if语句
第一种写法:
var a = 5; var b = 5; 条件 if(a==b) 如果符合条件 { alert("A等于B") 符合条件执行的代码 }
第二种写法:
var a = 10; var b = 5; if(a==b) { alert("A等于B") } else { alert("A不等于B") }
满足条件实行代码,不满足条件执行另一段代码。
第三种写法:
if(a==b && a>2) { alert("1111") } else if(a>2) { alert("2222") } else { alert("3333") }
第三种写法中有2个条件,如果2个条件都满足,则输出1111,如果只满足一个条件a>2,则输出2222,如果2个条件都不满足,则输出3333。
if(a==b && a>2) { alert("1111") } if(a>2) { alert("2222") } else { alert("3333") }
如果把else if(a>2)变成if(a>2),则变成了2段if语句,这2个语句挨个执行,弹出2个窗体。
if嵌套
if(a>2) { if(a=b) { elert("1111") } else { alert("2222") } }
如果a>2,则进下一个if a=b,a=b则弹出窗体输出1111,如果a!=b,则输出2222
var a = prompt("请输入年龄") if(a>=18 && a<=50) { alert("可以使用") } else if(a<18) { alert("未成年人禁止访问") } else if(a>50) { alert("您年龄太大") } else { alert("输入内容不正确") }
网页上输入的内容不同,弹出的对话窗口的内容也不一样。网页上输入文字后,只能点击“确定”才能读到数据,点击“取消”输入的数字无效。
②switch case 语句
var a = parseInt(prompt("请输入第一个变量")); var b = parseInt(prompt("请输入第二个变量")); var c = prompt("请输入运算符"); switch(c) { case "+": alert(a+b); break; case "-": alert(a-b); break; case"*": alert(a*b); break; case"/": alert(a/b); break; }
if语句是一个一个的条件进行判断,一个点一个点的去区分,要么满足,要么不满足。而switch相当于一个点分出n个支,switch(a)直接给一个变量,用case判断变量,冒号后面是执行的代码,break也是一个语句,是退出的意思,退出花括号。switch里面有一个语句是default(默认),用户输入的内容不在列出的范围内,就会走default。所有的语言输出都是字符串输出的,如果输入的是数字,就用“”括起来,变成字符串。
var a = parseInt(prompt("请输入第一个变量"));意思就是把输入的内容转换成整数。如果不转成整数,就代表的是相加的字符串,转成整数以后才能进行数字的运算。