定义:基于事件或对象的驱动脚本语言
引入方式:
内嵌:<script type="text/javascript">js代码</script>
外部:<script src="外部js文件" type="text/javascript" charset="utf-8"></script>
代码大小写敏感 A与a是完全不同的两个概念
注释:
// 单行注释
/* */多行注释
变量
盛放信息的容器,内容可以变化的量
定义方式:var
命名规范:不要用数字开头,字母·下划线·数字·$
数据类型
数字型number:整形int 浮点型float
字符型:string
布尔型:boolean true false
object
未定义:underfined
数据类型的相互转换
整型转字符 string(); .tosrting()
字符转整型Number(); parseInt(); parsefloat();
运算符
基础运算符+ - * / %
加法: 数字的求和 字符串的拼接
减法:数字的减法 对数字进行取反
乘法.除法.取余
复合运算符+= -= *= /= %=
自增自减
注意位置++ --
关系运算符> < >= <= != == ===
三元运算符
条件?值1(true):值2(false)
流程语句
选择(判断)结构
if 如果
if(条件1){
执行代码1
}
else if(条件){
执行代码2
}else{
执行代码3
}
switch
switch(变量){
case"标签1":
执行代码1
break;
case"标签2":
执行代码2
break;
case"标签3":
执行代码3
break
default:
执行代码4
break;
}
循环结构
while
while(条件){}
do while
do{
循环体
}while();
for
for(var i=0; i<10; i++){
}
跳转语句
break:终止整个循环,不再进行判断
continue:终止本次循环,接着去判断是否执行下次循环
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script type="text/javascript"> //1 以弹窗的形式进行输出 /*alert("hello world")*/ /* 2 控制台输出,调试语句*/ /* console.log(111);*/ /* 3 可提示用户进行输入的对话框*/ /* prompt("请输入你的姓名");*/ //4 在html文档中写入内容 /*document.write("aaaa<br />") document.write("bbbb<br />") 变量*/ /* 变量的定义 var*/ /*var bianliang= 111; var bianliang= 222;*/ /*var aa=prompt("请输入你的姓名"); aa="张国荣"; alert(aa);*/ /* 数据类型 var aa=1; var bb="1"; var cc=true; var dd={}; var ee; alert(typeof(dd)); */ //数据类型的相互转换 //1整形转换为字符型 /*var a=100; a=String(a); a=a.tostring();*/ //2.字符型转整型 /*var b="100" b=Number(b);*/ /* var c="3.1415926";*/ /*c=Number(c)*/; /*c=parsefloat(c);*/ /*c=parseInt(c); alert(typeof(c)); */ /* var aa=prompt( ); if(aa==0){ alert ("请输入正确数值") } if(aa %2==0){ alert("偶数") } else{ alert("奇数")*/ /* }*/ var aa=0.0001; var bb=0; while(true ){ aa = aa*2 ; bb++; if(aa>=8848){ alert(bb); break; } } </script> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script type="text/javascript"> /*var a = 10; var b =10; var c =a+b; var d ="hello"; var e="world"; var f=10; f=f+2; f+=2; var g =1; g++; g=g+1; g+=1; var h=g++; h=g; g++ var k= ++g g++ k=g 关系运算符 var L=3>=2; var p=123; var q="123"; //非 var aa=2; var bb=3; var cc=!(aa>=bb); 与 var dd=2>=3; var ee=4>=1 alert(dd&&ee);与 alert(dd||ee);或*/ /* 三元运算符*/ var bl=2>=1?"aa":"bb"; alert(bl); var shuru= prompt("请输入商品名称"); var shuru= shuru =="汉堡"?"5元":shuru=="鸡块"?15元:shuru=="圣代"?"25元":"请输入正确商品"; alert(shuru) 选择 if var aa=prompt("请输入你要的商品"); if(aa=="汉堡"){ alert("请给我5元"); }else if(aa=="鸡块"){ alert("请给我15元"); } else if(aa=="圣代"){ alert("请给我25元"); }else{ alert("请输入正确的商品") } switch(aa){ case "汉堡": alert("请给我5元"); break; case "鸡块" alert("请给我15元"); break; case "圣代": alert("请给我25元"); break; default: alert("请输入正确的商品"); break; } </script>