1.今日首先学习了javascript的3种使用方法,首先明确用法。
1)内部方式,就是在head标签中指定script标签书写,js的代码;
2)外部方式。具体使用方法为:
a)单独在js文件夹中,单独创建后缀名为.js的文件
b) 在xxx.js文件中,书写js代码
c) 在当前某个html页面中,导入之歌xxx.js文件. 必须有开始标签,有结束标签
d)
2.js要创建对象,在js中,查看一个变量的数据类型?使用函数typeof(变量名)
1)无论是整数还是小数,都是number类型(基本类型)---自动提升为js的内置对象Number
2)无论是字符串还是字符,都是string类型(基本类型)---自动提升为js内置对象String
3)undefined:未定义类型,就是定义变量,没有给变量赋值!
4)object类型,(对象类型),自动提升 为----Object:所有js内置对象的模板!
注意:js是支持重复变量的.Java不支持
3.js的运算符,主要分为以下几类:
1)算数运算符:+,-,*,/,%(求余数)
赋值运算符:=
var a = 10; 将=右边的值赋值给左边的这个变量a;
2)比较运算符:<,<=,>,>=,!=,==
这些符号不管链接的表达式是复杂的还是简单的,最终要么
是true,要么就是false
3)逻辑运算符
基本符号:& 逻辑单与,有false,则false;
| 逻辑单或,有true则true
! 逻辑非
非true,则false
非false,则true
一般情况下:开发中用的都是&&,||
逻辑双与&&:多个条件是并列关系,必须同时满足条件:有false,则false
逻辑双或||:多个条件是或者的关系,有一个成立,就成立了!有true,则true
4)三元运算符(三目)
语法格式:
表达式可以是简单的或者复杂,,要么是true,要么false
(表达式?)执行true的结果:执行false的结果;
执行流程:
首先判断表达式是否成立,如果成立,则执行true的结果
如果不成立,则执行false的结果;
4.流程控制语句,分为三大类:
顺序结构语句:js代码从上往下依次加载,比较简单的一类:
if语句:格式1:
if(表达式){
语句1;
}
执行流程:
表达式是否成立,如果成立,才能执行语句1
if语句:格式2:开发中使用最多(针对两种结果判断) java语言中的if格式2也是使用最多的)
if(表达式){
语句1;
}else{
语句2;
}
执行流程:
1)先判断表达式是否成立
成立,则执行语句1
2)否则不成立,执行语句2
if语句:格式3:针对多种结果判断的
if...else if...else
if(表达式1){
语句1;
}else if(表达式2){
语句2;
...
...
...
}else{
语句n;
}
执行流程:先判断表达式1是否成立,
如果成立,执行语句1
如果不成立,继续判断表达式2是否成立,
如果成立,执行语句2,不成立,依次执行下面的语句..
如果上面都不成立,执行else中的语句n;
选择结构语句之if格式2:使用最多
在js中if中的内容,跟js数据类型有关系,(特例)
1)整数类型number,如果是非0的整数,if成立,否则,不成立
2)字符串类型string,如果是非空字符串,if成立;否则,不成立
3)对象类型object,如果是对象,new object(),if成立;如果是null,空对象不成立
js中的switch语句:
switch(变量){
case 值1: //js中case语句后面既可以是常量,也可以是变量!
//java中的case语句后面只能是常量!
语句1;
break;//结束,中断的意思
case 值2:
语句2;
break;
...
...
default:
语句n;
break;
}
执行流程:
1)首先判断变量的值和值1是否匹配
如果匹配,执行语句1,switch语句结束!
2)如果不匹配,继续和case后面的值2进行比较,成立,则执行语句2,break结束
...
3)如果上面都不匹配,则执行语句n,语句结束
需要特别注意的是--> switch语句结束条件:
1)遇见break结束
2)程序默认执行末尾
除此之外,default语句可以在语句中的任何位置,但是如果在语句中,break最后别省略,否则如果case都不成立,执行
default语句,会有case穿透现象!
如果在语句的末尾,break可以省略
5.事件编程三要素
1)事件源---指的就是html标签 要么空参/要么带参
2)编写事件监听器----就是写一个函数 function 函数名称(形式参数名1,形式参数名2......)
3)绑定事件监听器----就是在标签中有一些onxxx属性 和函数名称进行绑定
绑定必须带onxxx.
需要记住的事件:
单击点击 click
双击点击 dbclick
失去焦点 blur
获取焦点 focus
最后附上两段自己练习的代码,为之后的学习,继续加油打气.
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)