Javascript学习笔记.docx

1、Javascript学习笔记JavaScript概述javascript是基于对象和事件的脚本语言。特点：1.安全性（不允许直接访问本地硬盘），它可以做的就是信息的动态交互。2.跨平台性。（只要是可以解释JS的浏览器都可以执行，和平台无关）Javascript与Java不同js是netscape公司的产品，java是sun公司的产品JS是基于对象，java是面向对象var x=3;x=abc;alert(x);document.write( );（一）JS基本语法/*typeof运算符返回变量类型的方法*/*var temp;document.write(typeof temp+);temp=

2、test string;document.write(typeof temp+);temp=100;document.write(typeof temp+);var iNUM=10;document.write(iNUM+);document.write(+iNUM+);var a = 8;var b=8;if(a=b) /值和类型document.write(true+);else /值document.write(false+);*/多分支选择语句else-if/*dt=new Date();document.write(今天是);if(dt.getDay()=1)document.wri

3、te(星期一);else if(dt.getDay()=2)document.write(星期二);else if(dt.getDay()=3)document.write(星期三);else if(dt.getDay()=4)document.write(星期四);else if(dt.getDay()=5)document.write(星期五);else if(dt.getDay()=6)document.write(星期六);else document.write(星期日);*/*/上面程序用switch语句改写dt=new Date();dd=dt.getDay();document.

4、write(今天是);switch (dd)case 1:document.write(星期一)break;case 2:document.write(星期二)break;case 3:document.write(星期三)break;case 4:document.write(星期四)break;case 5:document.write(星期五)break;case 6:document.write(星期六)break;default:document.write(星期日)break;*/var i=1;var sum=0;/*while(i=100)sum=sum+i;i+;docume

5、nt.write(sum);dosum+=i;i+;while (i=100);document.write(sum);for (i=1;i11;i+)sum+=i;document.write(sum);*/foreach语句可以遍历数组中的元素。/计算100以内偶数的和,continuewhile(i11)/* if(i%2=0) sum+=i; i+;*/*if(i%2=1)i+;continue;sum+=i;i+;document.write(sum);*/（二）JS函数/*function PrintWelcome() document.write(欢迎使用JavaScript!)

6、;PrintWelcome();function PrintString(str) document.write(str);PrintString(我喜欢你很久了！);document.write();function sum(num1,num2) document.write(num1+num2);sum(12,7);*/局部变量和全局变量/*var a=100; /全局变量function setNumber() var a=10; /局部变量 document.write(a); /打印局部变量setNumber();document.write(); document.write(a)

7、; /打印全局变量a*/function sum(num1,num2) return num1+num2;document.write(sum(1,2);（三）JS面向对象常见的几个对象的使用(1)!-/几种常用的内置类/1.Array对象/*var arr=new Array(5);/对数组元素赋值arr0=我;arr1=很;arr2=喜;arr3=欢;arr4=你;for (var i=0;iarr.length;i+)document.write(arri);document.write();*/*javascript支持动态数组，也就是说，在创建数组对象时可以不指定数组大小，在程序运行

8、时动态的赋值语句决定数组大小。在上例中用 var arr=new Array();这个语句创建数组对象效果也是一样的。*/* var MyArr; var MyStr; MyArr=new Array(3); MyArr0=123; MyArr1=789; MyArr2=456; /计算数组长度 document.write(数组MyArr的长度为：+MyArr.length); document.write();/连接数组MyStr=MyArr.join(,);document.write(将数组MyArr连接为MyStr值为+MyStr);document.write();/倒序MyArr

9、.reverse();MyStr=MyArr.join(,);document.write(将数组倒序后，元素值依次为：+MyStr);document.write();/排序MyArr.sort();MyStr=MyArr.join(,); /之前这里有错误是因为将S小写成sdocument.write(将数组排序后，元素值依次为：+MyStr);document.write();*/*var arrWeekDay=new Array(星期日,星期一,星期二,星期三,星期四,星期四,星期五,星期六,星期日);var today;today = new Date();document.writ

10、e(现在是: +today.getFullYear()+年+(today.getMonth()+1)+月+today.getDate()+日 +arrWeekDaytoday.getDay();*/使用Math对象的示例/*document.write(Math.abs(-1)=+Math.abs(-1)+); /返回数值的绝对值document.write(Math.ceil(0.60)=+Math.ceil(0.60)+);/返回大于等于其数字参数的最小整数document.write(Math.floor(0.60)=+Math.floor(0.60)+);/返回小于等于其数字参数的最大

11、整数document.write(Math.max(5,7)=+Math.max(5,7)+);document.write(Math.min(5,7)=+Math.min(5,7)+);document.write(Math.random()=+Math.random()+);/返回01之间的伪随机数document.write(Math.round(0.60)=+Math.round(0.60)+);/返回与给出数值表达式最接近的整数document.write(Math.sqrt(4)=+Math.sqrt(4)+);/返回数字的平方根*/*var MyStr;MyStr=new Str

12、ing(这是一个测试的字符串);document.write(MyStr+);/显示大号字体document.write(MyStr.big()+);/加粗字体document.write(MyStr.bold()+);/设置字体大小document.write(MyStr.fontsize(5)+);/设置字体颜色document.write(MyStr.fontcolor(red)+);*/*function Clickme() alert(你好);/因为是在当前窗口弹出的对话框，所以Windows.alert()可以简写成alert(),功能相同*/*function Checkme()

13、 if(confirm(是否确定删除数据？)=true) alert(成功删除数据); else alert(没有删除数据); */comfirm()方法返回true,表示用户单击了“确定”按钮，否则表示用户单击了“取消”按钮。/function Input() var MyStr = prompt(请输入您的姓名); alert(您的姓名是：+MyStr);function closewindow() document.write(2秒钟后将关闭窗口); /Windows.setTimeout(code,millisec); /参数code表示要调用的函数后要执行的JavaScript代码串

14、，参数millisec表示在执行代码时要等待的毫秒数 setTimeout(window.close(),2000);!-点击试一下-!-删除数据-录入姓名(2)Window.open()方法打开一个新窗口（失败）需要求教/*function closewindow() document.write(2秒钟后将关闭窗口); setTimeout(window.colse(),2000);/Windows.open()方法的使用，打开一个新的窗口，可以设置窗口中显示的网页内容，标题及窗口的属性语法如下：Window.open(url,窗口名,属性列表);*/function newwin(url

15、,wname) var oth=toolbar=no,location=no,(directories)=no,status=no,menubar=no,scrollbars=yes, resizable=yes,left=200,top=200; oth=oth+,width=400,height=300; var newwin=window.open(url,wname,oth); newwin.focus();!-邮电出版社新建窗口实例打开一个新的窗口实例.function OpenWindow()Window.open(NewWindow.htm,null,height=300,wid

16、th=300.status=yes,toolbar=no,menubar=no,location=no);/Navigator对象浏览器信息document.write(浏览器名称:+navigator.appName+);document.write(浏览器版本:+navigator.appVersion+);document.write(浏览器的代码名称:+navigator.appCodeName+);document.write(是否启用cookie:+navigator.cookieEnabled+);document.write(浏览器的语言:+navigator.browserL

17、anguage+);document.write(操作系统平台:+navigator.platform+);document.write(CPU等级:+navigator.cpuClass+);document.write();document.write(浏览器次级版本:+navigator.appMinorVersion+);document.write(是否处于脱机模式:+navigator.online+);document.write(操作系统默认语言:+navigator.systemLanguage+);document.write(客户机发送服务器的user-agent头部值:

18、+navigator.userAgent+);document.write(用户设置的操作系统的语言:+navigator.userLanguage+);/*Navigator对象是Windows对象的一个属性，但Navigator对象的实例啊是唯一的，即所有窗口的Navigator对象是唯一的。*/javascript没有数组越界的说法，弱类型语言（不是严谨的语言）0就是假，非0为真，true为1可以和数字进行运算。alert是Dom编程中Windows锁定对象。全都是字符串，没有单个字符，双引号和单引号没有区别，双引号里面可以嵌套单引号。3=x,(不能给常量赋值)byte,short,in

19、t,bool定义一定要用var,不要用inttable width:700px;border-collapse:collapse;table thborder:red 1px solid ;/九九乘法表/*document.write();for (var x=1;x=9;x+)document.write();for (var y=1;y=x;y+)document.write(+y+*+x+=+y*x+);document.write();document.write();*/*var x=3;if(x=6)alert(yes);elsealert(no);*/*var x=1;while

20、(x=3)alert(x);x+;*/*var sum=;for(var x=1;x=5;x+)if(x=5)sum=sum + x=+x;elsesum=sum + x=+x+,;*/*if(x=sum)sum=sum+x=+x;elsesum=sum+x=+x+,;*/alert(sum);/document.write(+sum+);/用表格形式显示一个99乘法表document.write();for (var x=1;x=9;x+)document.write();for (var y=1;y=x;y+)document.write(+y+*+x+=+y*x+);document.write();document.write();!-另外一种在html文件中使用js文件- 数组var arr =4,1,6,8;for(var x=0;xp“name”增强复用性导入文件也是可以的数组工作类对象（数组的）对象function ArrayTool()var ArrayTool = new ArrayTool();function getMax(arr)var max=arr0;for(var x=1;xarr.length;x+) if(maxarrx)max=arrx;return max;JS特有的语句with(stu)