javascript学习笔记

课时一：（略）
课时二；JS变量类型和语法
<script> js代码</script>
js特效：
1.定义事件（触发时机+行为）；
2.触发事件（行为发生）；
3.事件发生具有重复性；
面向对象编程：
1.如何获得该对象的属性；
2.如何调用该对象的属性；
3.如何调用该对象的方法；
对象的组成部分：
1.属性（特征）
2.方法（行为）
JS标签放置位置（）：
1.内联；
2.内部；
3.外部；
JS定义变量：
username='liuye'
字符串连接变量：
'my name is'+username
JS输出变量：
1.alert(username);
2.document.write('<h1'+username+'</h1>');
--------------------------------------------------


课时三；JS变量类型：
1.字符串；
2.整型；
3.浮点；
4.数组；
5.对象；
6.json对象；
7.布尔;
1.false;
2.true;
8.null;
9.undefined;
10.NaN;
JS对象：
1.JS对象；
2.DOM对象；
<script>
obj=new Object();
obj.username='user1';
obj.age='20';
obj.sex='nan';
obj.say=function(){
alert('my name is '+obj.username);
}
document.write('my name is'+obj.username+'<br>');
document.write('my age is'+obj.age);
obj.say();

</script>


json对象：
<script >
jsobj={
'username':'user1',
'age':'20',
'sex':'nan',
'say':function(){
alert(1);
}
}
jsobj.say();
</script>


函数定义：
1.传统定义方法；
function say(){
alert(1);
}
2.匿名函数定义方法；
  say=function(){
alert(1);
  }
  say();
--------------------------------------------------
课时四；JS变量作用域
1.全局变量；
str='user1';
function say(){
alert(str);
}
say();

2.局部变量；


function say(){
var str='user1';
alert(str);
}
say();
--------------------------------------------------
课时五：JS变量类型测试
1.typeof(); 判断类型；
1.string字符串；
2.number数字(整型,浮点,NaN)；
3.Object对象(数组，对象，json对象，null)
4.boolean布尔
5.undefined
测试用：
tr=undefined;
alert(typeof(str));


if (typeof(str)=='string') {
alert('字符串');
}else if(typeof(str)=='number'){
alert('数字');
}else if(typeof(str)=='object'){
alert('对象');
}else if(typeof(str)=='boolean'){
alert('布尔');
}else if(typeof(str)=='undefined'){
alert('未定义');
}else{
alert('无法识别');}
2.arr.constructor;
3.arr instanceof Array;（变量是否生产于数组）可以测试数组类型;


顶级全局方法
在JS中前面的对象不用写的两种情况:
(1)Globalc对象（JS内部对象，不是浏览器的对象 new Object)


1.typeof(); 判断类型
2.parseInt(); 强制转整型


str='10aa';
alert(parseInt(str)+5);


3.parseFloat();强制转浮点型

str='10.5aabb';
alert(parseFloat(str)+5);


4.eval();执行字符串表达式

b='a=1+1';
alert(eval(b));


5.Number();
6.String();整型转字符串


str=10;
alert(String(str)+5);


7.Boolean();


num=10;
alert(Boolean(num)+5);


(2).window对象(浏览器提供的标签对象 DOM对象)
alert();




--------------------------------------------------


课时六：JS变量类型转换


变量类型转换：
1.整型转字符串(两种方法)
num=10;
str=String(num);


num=10;
str=num+''
2.字符串转整型
num='10px';
str=parseInt(num)
alert(str+5);
3.所有类型转布尔类型
1.字符串；（空字符串为假）
2.整型；（0为假）
3.浮点；（0.0为假）
4.数组；（真）
5.对象；（真）
6.json对象；（真）
8.null;(假)
9.undefined;(假)
10.NaN;(假)
两种方法：
v='';
b=Boolean(v);


变量前加!!也可以转布尔类型；
v='';
b=!!v;


json字符串转json对象
v="{'username':'user1','age':'20'}";
obj=eval('(' +v+')');
alert(obj.username);

变量运算符
1.+-*/%


2.in 判断一个属性是否是一个对象的


obj={'username':'user1','age':'20',};
alert('age'in obj);

判断一个下标在不在一个数组里面


arr=['1','2','3']
alert('3'in arr);


3.instanceof 判断一个对象是否是从一个类里面实例化出来的


4.delete
v='abc';
delete v;
alert(v);


JS话法：
1.if else话法


num=60;
  if(num<60){
alert('不及格');
  }else{
alert('及格')
  }


2.switch
week=8;
switch(week){
case 1:
alert('周一');
break;
case 2:
alert('周二');
break;
case 3:
alert('周三');
break;
case 4:
alert('周四');
break;
case 5:
alert('周五');
break;
case 6:
alert('周六');
break;
case 7:
alert('周末');
break;
default:
alert('条件不能小于0大于7');
}
3.while循环
i=0;
while(i<=10){
document.write(i);
i++;
 }
4.for循环
for(i=0;i<10;i++){
document.write(i);
}
5.forIn遍历  
arr=['a','b','c','d'];
for(i=0;i<4;i++){
document.write(arr[i]+'<br>')
}

obj={'username':'liuye','age':'20','sex':'nan'}
for(i in obj){
document.write(i +':'+obj[i]+'/');
}
九九乘法表
for(i=0;i<10;i++){

for(a=0;a<=i;a++){
document.write(a+'X'+i+'='+（i*a）+'; ')
}
document.write('<br>')
}
函数：
function num(x=5,h=4){
for(i=1;i<=x;i++){
for(a=1;a<=i;a++){
document.write(a+'*'+i+'='+(a*i)+' ')
}
document.write('<br>');
}
for(s=0;s<h;s++){document.write('<hr>');}
}
num(1,2);
num(2,3);
num(3,4);
num(4,5);
num(5,6);
num(6,7);
num(7,8);
num(8,9);
num(9,10);
消息框：
1.警告框
alert();
2.确认框
confirm();
r=confirm('您确认删除吗？');
 alert(r);
3.提示框
prompt();
r=prompt('请输入图片的名字');