javascript笔记总结

DAY01基本使用什么是javascript发展历史javascript组成ECMAScript+BOM+DOMBOM的思想（重点）DOM的思想（重点）使用script/script标签document.write方法如何输出换行原样输出标签注释单行注释//多行注释/**/使用引入js文件的方式scripttype=text/javascriptsrc=demo1.js/;不可以使用单标签scriptsrc=demo1.jsalert('xxxx')/script;不可以在标签中写代码noscript标签的使用不支持JS时，显示script标签的属性language已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它，所以不要用了。src表示要引入的外部文件type表示脚本语言的类型原样输出标签的内容<代表>代表常量（字面量）变量的定义var（弱类型）=号的含义，代表赋值。数字类型、字符类型、未定义类型变量类型在赋值时才能确定可以一次定义多个变量varname=yintao,age=18，weight=108;varage=18;varweight=108;varname=尹涛;//尹涛的年龄是18，体重是108//多个变量跟字符串连接的时候，使用+号document.write(name+的年龄是+age+,体重是+weight+br);命名规则alert方法的介绍变量的类型String、Number、Array、Object、Booleana==b特殊类型Null、Undefined如果alert(abc)一个不存在的变量，会直接报错，而不是undefined，可见undefined和真正的未定义还是有些区别的。因为它是一种特殊类型。null也是一种值，但逻辑含义是没有值，它是对象Object类型typeof关键字变量的计算加减乘除运算vara=5+4;varb=a*2;varc=b/4;vard=b-c;vare=-d;varf=e%4;varg=18.4;varh=g%4;vari=3;varj=i++;vark=++i;字符串和变量的拼接。document.write(姓名:+name+,+age:+age);所有的语句切记要加；结束，虽然不写语法上正确，但这是非常不好的编程习惯关键字breakelsenewvarcasefinallyreturnvoidcatchforswitchwhilecontinuefunctionthiswithdefaultifthrowdeleteintrydoinstanceoftypeof保留字abstractenumintshortbooleanexportinterfacestaticbyteextendslongsupercharfinalnativesynchronizedclassfloatpackagethrowsconstgotoprivatetransientdebuggerimplementsprotectedvolatiledoubleimportpublic类型的转换vara=3;varb=10;varc=true;alert(a+b);alert(b+c);alert(a+c);例子：计算两个文本框的和字符串转换数字类型：parseInt()、parseFloat()四舍五入Math.round(78.266)---78赋值操作=、+=、-=、*=、/=、%=关系运算、、=、=、==、===、!=逻辑运算&&与、||或、!否自增、自减++a,a++--a,a--位运算varnum=25&3;//1varnum=25|3;//27varnum=23;//16varnum=4^3;//代码规范问题将加法的案例改为可以做加减乘除、求余五种运算作业今天课堂所有的例子代码，照敲两遍为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。提示：摄氏度与芈氏度的转换公式为：摄氏度=5/9.0*(华氏度-32)保留3位小数vark=0;alert(++k+k+++++k+k);DAY02基本使用十进制、八进制、十六进制varnum=100;varnum=070;varnum=079;//非八进制varnum=0xA;varbox=0x1f;varnum=0.8;varnum=.8;//不好的习惯，不推荐此写法，虽然有不少人这样写varnum=12.0;//这样写会自动转为整数12，为了节省内存varnum=4.12e9;//科学计数法NaN当数学计算无法得到数字结果是，该变量的值为NaNvarnum1=100-abc;alert(num1);注意：因为NaN代表非数字，它不等于任何值，也不能做运算，即使alert(NaN==NaN);结果也是falseisNaN(num)函数，该函数判断num变量的值是否是NaNNumber()函数，可以将任意类型尝试转换为数字alert(Number(true));//1，Boolean类型的true和false分别转换成1和0alert(Number(25));//25，数值型直接返回alert(Number(null));//0，空对象返回0alert(Number(undefined));//NaN，undefined返回NaN如果是对象，则在转换数字失败后，调用toString方法获得返回值varbox={toString:function(){return'123';//可以改成return'abc'查看效果}};alert(Number(box));//123String类型中的转义字符\n换行、\t制表、\b空格、\r回车、\\斜杠、\'单引号、\双引号Object类型(简单了解)创建一个对象，使用new关键字。varobj=newObject();varstr=newString(hehe);alert(typeofstr);//结果也是object程序的三大结构if判断语句注意大括号{}有和没有的区别else的作用计算某一年是否是闰年、与或非的运用elseif的作用switch语句案例：成绩判定、显示星期几注意switch的应用场景注意case穿透，要加break语句do-while循环案例输出100个数字break终止循环continue跳过某次循环案例打印100以内7的倍数while循环打印图形**********************************************************************for循环一个新入职，月工资为2000元的员工，每年涨工资20%，到退休时的月工资是多少？打印100–200之间所有能被3或者7整除的数计算100的阶乘计算1+3+5+...+99的和99乘法表求100-999之间的水仙花数。abc=𝑎3+𝑏3+𝑐3for-in（结合数组或对象）死循环作业：判断一个整数，属于哪个范围：大于0；小于0；等于0判断一个整数是偶数还是奇数，并输出判断结果打印出1-100里所有的偶数打印出1-100里所有的奇数开发一款软件，根据公式（身高-108）*2=体重，可以有10斤左右的浮动。来观察测试者体重是否合适求出1-1/2+1/3-1/4…..1/100的和vari=1;i*-1*-1输出20-80之间能被3整除的整数，每5个一行打印出1000-2000年中所有的闰年，并以每行四个数的形式输出输出九九乘法表DAY03函数和数组函数函数的概念，及作用function关键字如何执行函数（）functionm1(){//xxxxxxxxxxxxx}for(vari=0;i10;i++){m1();}事件驱动的概念重要！！！！！onclick、ondbclick、onfocus、onblur函数的参数functionm1(v1,v2,v3...){//xxxxxxxxxxxxx}年月日分别为自定义函数的参数，判断是否为正确的日期return关键字，带返回值的函数参数可以传递多个，与函数的定义无关functiontest(paramX,paramY){}test(a,b,c);使用arguments对象可以判断参数的个数functiontest(paramX,paramY){alert(arguments.length);}test(a,b,c);案例：要实现一个加法运算，将所有传进来的数字累加，而数字的个数可以任意作用域的问题vara=10;functionm1(){vara=5;alert(a);}形参与实参的重要区别vara=10;functiontest(x){x+=10;}alert(a);递归的用法with语句可以省略对象名前缀with(document){write(abc);getElementById(div_bar);}面向对象（基于对象）Object类型(在程序中用来保存传输数据，非常方便)引用和对象的关系使用new关键字创建对象省略new关键字使用json(JavaScriptObjectNotation)形式创建自定义对象给对象增加属性alert(stu.age);//alert(stu['age']);//重点给对象增加方法this关键字指当前对象内存分析栈内存、堆内存varobj1=newObject();varobj2=obj1;数组数组的概念，一组相同类型的数据下标（索引）的概念创建数组vararr=newArray(10);//创建一个包含10个元素的数组vararr2=newArray('尹涛',30,'教师','安阳');//使用构造函数创建vararr3=[1,2,3,4,5];静态赋值/动态赋值arr[0]=5;arr[1]=12;arr[2]=4;for(vari=0;i5;i++){arr[i]=Math.random();}数组的length属性，代表长度遍历访问数组普通for循环和for-each循环push/pop、unshift/shift方法arr.push('BJ');//数组末尾添加一个元素arr.unshift('TJ','HN');//数组开头添加两个元素varstr=arr.pop();//移除末尾一个元素，并返回该元素varstr=arr.shift();//移除开头一个元素，并返回该元素数据结构：栈结构、队列结构翻转reverse方法从小到大排序sort方法(数字的排序，对象的排序)冒泡排序算法选择排序算法随机点名程序作业冒泡排序(13K)随机生成一个五位以内的数，然后输出该数共有多少位，每位分别是什么输出斐波那契额数列数列的前20项(递归)(11K)山上有一口缸可以装50升水，现在有15升水。老和尚叫小和尚下山挑水，每次可以挑5升。问：小和尚要挑几次水才可以把s水缸挑满？通过编程解决这个问题。有一个从小到大排好序的数组。现输入一个数，要求按原来的规律将它插入数组中。程序分析：首先判断此数是否大于最后一个数，然后再考虑插入中间的数的情况，插入后此元素之后的数，依次后移一个位置。(11K)开发一个标题为“FlipFlop”的游戏应用程序。它从1计数到100，遇到3的倍数就替换为单词“Flip”，5的倍数就替换为单词“Flop”，既为3的倍数又为5的倍数则替换为单词“FlipFlop”。(8K)生成13位条形码(6K)Ean-13码规则：第十三位数字是前十二位数字经过计算得到的校验码。例如：6901234567