JS基础(客户端的脚本语言)作用:交互
一、Javascript 基础语法
二、Javascrip dom操作
Javascript 基础语法:
1、注释、关键字、标识符、变量
2、数据类型
3、运算符
4、控制语句
5、数组
6、方法
写法分类
1、内联:写在标签里面 以事件属性表现 属性名就是事件属性名 (事件就是发生的动作)
2、内嵌:写在html标签里面 以标签的形式表现 标签名 script script标签里的代码会自己执行(重点在内容)
3、外部引用:写在html标签里面 以标签的形式表现 标签名 script (没有内容只有属性)
<script type="text/javascript" src=""></script>
任何位置都可以写但一般都写在head中
没有优先级
①注释://或/* */
Ctrl+/(//)
Shift+ctrl+//(/* */)
②关键字:系统已经定义好的单词
标识符:除了关键字之外的其他自定义(数字、字母、下划线 非数字开头)
③变量:定义 赋值 使用 var(声明)
实例:
Var name=‘张三’
Var nn;
nn=‘张三李四’
引申:*三个弹窗
①alert(“发生什么了”); 告警框
②confirm(“确定删除吗”); 选择框(有返回值 ture false)
③Prompt(“1+1=几”);输入框(有返回值,输入什么返回什么)
控制语句:
If(值==2){
alert(‘答对了’)
}
else{
Alert(‘瞎写什么’)
}
Html和css:形式语言
Javascript:逻辑语言
2、数据类型
强类型语言(例:JAVA)
弱类型语言(例:Javascript)
区别:对数据类型的处理
强类型语言:定义的时候必须指明数据类型是什么
弱类型语言:定义的时候不需要指明数据类型是什么,会自动转换
javascript(6种): ①number(int/float) ②string(字符串) ③ boolean(布尔ture/false) ③null(空) ④undefined(未找到) ⑤object(对象)
字符串拼接现象:
1+“1”=11
3、运算符
1、算术运算符:(+,-,*,/,%取余数 ++自增 ——自减)
2、赋值运算符:=,+=,-=,*=,/=
3、条件运算符:> < >= <= != == ===(两个和三个不同,后者要检查数据类型
4、逻辑运算符:&&并且 丨丨或者 !取反
5、三目运算符:
表达式?true:flase
alert(1 >1 ? “dengyu” : “no”);
练习:
1、简单计算器:
var x=parseInt (prompt ("第一个数"));
var y=parseInt(prompt("第二个数"));
var z=prompt("请输入运算符");
if(z =='+'){
alert(x+y);
}else if(z =='-'){
alert(x-y);
}else if(z =='*'){
alert(x*y);
}else if(z =='/'){
alert(x/y);
}
2、水仙花数判别
var shuzi=prompt("输入数字")
var x=parseInt(shuzi/100%10);
var y=parseInt(shuzi/10%10)
var z=parseInt(shuzi%10)
if(x*x*x+y*y*y+z*z*z==shuzi){
alert('正确')
}else{
alert('错误')
}
转义字符:
回车(CR) ,将当前位置移到本行开头 \r
水平制表(HT) (跳到下一个TAB位置) \t
代表一个单引号(撇号)字符 \’
代表一个双引号字符 \"
4、
控制语句:
条件判断;
If(){}
If(){}else{}
switch(){
case””:
break;
befault:
break;
}
循环
for(var i=0; i<10; i++){
alert(1);
}
While(表达式){
代码
}
两个关键字
Break 结束循环 (终止)
Continue 跳过本次本次循环
do{
}while(
)