js整理 03-18
//Javascript Document
/ /单行注释
/* */多行注释
事件:对标签元素进行的动作 (点击、双击、鼠标移入、键盘按下)
js位置的定义:
1.标签里面以 事件属性 的形式表现 标签名 是以ON开头的属性
< button onClick = " alert (‘ 这是弹窗’) ">< /buttonn >
2.html文档里面 以标签的形式表现 标签名 script
< script type = " text / javascript " >
这里面写js代码
alert ( '这是弹窗' );
< /script >
3.引入文件 html文档里面以标签的形式表现 标签名 script
< script type = " text / javascript " >src = " 路径 " >< / script >
三种弹窗
1.alert ( ) ; //告警窗口
2.confirm ( ) ; //选择框 有返回值
3.prompt ( ) ; //输入框
输出到控制台:console.log(""),
变量:用来存数据的 其中的数据是可以被改变的
定义
var aa ;
var aa = null,
bb = 12,
cc = 345;
定义并赋值: var aa = 123;
使用: aa;
赋值: 将右边的东西 赋值给 左边的东西
var aa = 0;
var bb =123;
bb = aa;
bb = 123;
非纯数字的字符串转数字“12a45”:12; //从左到右,到第一个不是数字的开始
数据类型: 数字、 字符串、布尔、null、undefined、obiect
1.数据类型转化:分自动和强制两种
2.短整型:shot
3.整数:int
int aa2 = ( int ) aa1; ==>12
4.长整型:long
5.浮点数:float
float aa1 = 12.22;
6.双精度: double
强类型语言:java、
弱类型语言:PHP、js
运算符
1.算数运算符:+、-、*、/、+ +自增、 - -自减、%取余
自增和自减 只和自己有关系的时候 在前后没区别
参与表达式的时候
在前:等我自增 再来参与你们
在后:我们先运算,然后再自己运算
var n1 = 1;
var n2 = 2;
var jg = n1++ + n2 ==> 3
var jg = ++n1 + n2 ==> 4
取余 var n = 123;
个位 : ( n%10)
十位 : parseInt( n/10%10 )
百位: parseInt( n / 100)
数位多的时候 : 先把想取的那个位数初到个位,然后再取余
赋值运算符: =、+=、-=、*=、/=
var a = 3;
a += 123; => a = a + 123; =>126
关系运算符 结果就是布尔类型 不是对(true) 就是错(false) ( >、<、>=、<=、!=、==、===、)
1. = 赋值
2. == 比较值
3.===比较值和数据类型
逻辑运算符 结果就是布尔类型
1. && 并且 两边都是真的(true) 才是真的(true)
2. | | 或者 只要一边是真的(true) 就是真的(true)
3. ! 取反 !true = > false 选项中都没有的时候才用
三元运算符:表达式 ? 真 干这个 : 假 干这个;
字符串的拼接: + 自动把两边的数转换成字符串运算
1+1= > 2
"1"+"1" = > "11"
1+1+"1" = > 2+"1" => "21"
"1"+1+1 = >"11"+1 => "111"
字符串的拆分
var aa = "你好";
"a"+"b" => "ab"
"a"+aa+"b"
自动计算代码:eval( "里面写JavaScript代码");
控制语句
break; //结束循环(终止)
continue; //跳过本次循环。continue下方的代码不再执行,进入下一次循环。
死循环:while( true ){ } for( ; ; ){ }
while ( true ){ if ( ) { break } }
标记:
wbl : for ( var i = 0; i <10; i++){
for( var j = 0; j < 10 ; j++ ){
break wbl; // 回到最外层的for,并停止;
}
}
判断语句
if( 表达式 ){ 代码 }
if( ){
}else{
}
if( day==6 ){
出去
}else if( day==5 ){
早下班
}else{
}
switch 匹配语法 匹配到那个就运行那个
语法:
var str = " ";
switch( str ){
case " 3 ":
break;
case " 5 ":
break;
default:
break;}
运行原理:
变量str的值匹配 case后面的值
匹配到了就执行下面的代码
匹配不到就执行 default 下面的代码
执行完代码之后找 break 找到就停
如果美欧找到进入下一个代码 找(会执行case里面的代码)直到最后;
数组:定义、赋值、使用、遍历
1.数组元素:数组里面的每一项
2.数组长度:数组里面元素的个数 ( 数组.length )
3.数组下标(索引):数组元素在数组里面的位置,从0开始;
数组的下标是0的元素是数组的第一个元素
数组的两种表现方式
1.var aa = new Array( )
2.var aa = [ ]
遍历:
for:
var aa = [ 1, 2, 3, ] ;
for ( var i = 0 ; i < aa.length; i++ ){
alert ( aa[ i ])
}
for-in
for ( var index in aa ){
alert ( aa[ index ] );
}
数组常用方式
1. push ( ); 在最后面追加一个元素
2. unshift ( ); 在前面追加一个元素
3. pop ( ); 删除最后一个元素
4. shift ( ); 删除第一个元素
5. indexOf ( ); 查找第一次出现的位置 返回下标 没找到 返回-1
6. lastindexOf ( ); 查找在最后一次出现的位置 返回下标 没找到 返回-1(判断左边是不是右边这个类型)
alert ( aa instanceof Date );
添加数组:
(1) 管理员添加用户信息
(2) 选择填多少个
(3) 每一个是什么
//用来存用户信息 var student = [], //填多少个用户信息 aa = prompt("填多少"), //用户信息 bb = ""; //循环,填多少用户就循环多少次 for ( var i=0;i<aa;i++){ //每进行一次循环都出一个输入资料 aa = prompt("用户"+(i+1)+"信息"); //student.push(aa); //每次都对数组添加一个资料 student[i]=aa; } //输出 alert(student)数组天