JavaScript学习笔记

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

10月20日:Html中相关标签知识p标签Html中,文字后加p标签,可以起到文字段落效果:h标签h3今日菜谱/h3标签可修饰标题的文字:合并表格中的单元格:h3今日菜价/h3tableborder=1trbgcolor=blueth餐厅/thth菜名/thth价格(¥)/th/trtrtdrowspan=2有名仔/tdtd荔枝肉/tdtd8/td/trtrtd蛋炒饭/tdtd6/td/trtrtd无名仔/tdtd鱼香肉丝/tdtd8/td/tr使用frameset标签来布局网页:framesetframespacing=2bordercolor=#000033rows=17%,*cols=*framesrc=framesetrows=*cols=30%,70%framenoresizescrolling=nomarginwidth=5src=MyHtml0.htmlframescrolling=yessrc=MyHtml1.html/frameset/frameset该段代码必须放在/head与body之间,并且在页面中JavaScript语句之后,否则将导致部分内容无法显示:引用外部js文件:scripttype=text/javascriptsrc=../js/0000.jsdefer/script对位置没有具体的要求;deferral英音:[di'fə:rəl]美音:[dɪ'fɝəl]延期使用defer修饰,表示html与js同步加载;外部js文件的内容不可使用script标签。Document.write()中,JS中转义字符必须放在pre内才可生效,否则转义字符失效:document.write('pre');document.write('aaaaa\nbbbbb');document.write('/pre');document.write('aaaaa\nbbbbb');(注:alert()则没有此规定)JS表单验证10月23日:用JS验证表单输入不为空:scripttype=text/javascript!--functioncheck(form){if(form.username.value==){alert(usernameisneed);form.username.focus();return(false);}if(form.password.value==){alert(passwordisneed);form.password.focus();return(false);}return(true);}--/scriptbodyformaction=id=form1onsubmit=returncheck(this)用户名:inputtype=textname=usernamevalue=密码:inputtype=passwordname=passwordvalue=inputtype=submitname=submit/form/body以下几点注意:表单必须有idJavaScript方法必须要有function修饰JavaScript方法中可以没有参数,但是里面的表单名字必须与表单的id一致JavaScript方法中,有参数的时候,在onsubmit属性后调用方法要传递参数this,表示表单对象Onsubmit后面可以没有returnform.password.value,必须要有valueJavaScript相关知识11月7日:JavaScript输入框JavaScript程序,输入华氏度,转换成摄氏度,并弹出窗口:输入:弹出:代码:Prompt函数提供提示信息和输入文本框,第一个参数为提示信息,第二个参数为文本框默认值,空值可设为””。在上述代码中,将弹出窗的语句改为:htmlbodyscriptlanguage=JavaScripttype=text/javascript//Equationis~C=5/9(~F-32).//输入华氏度,转换成摄氏度vardegFahren=prompt(EnterthedegreeinFahrenheit,50);vardegCent=5/9*(degFahren-32);alert(degCent);/script/body/htmlalert(degFahren+\xB0Fahrenheitis+degCent+\xB0centigrade);将弹出如下窗口:\xB0可以输出温度的符号,\xNN可以输入一些不能输入的特殊字符,NN是两个十六进制数,表示字符在Latin-1字符集中的编号。注:特殊字符并不是跨平台兼容的,\xNN在windows平台中代表特定的字符,但在Mac或Unix系统中,它可能代表的是另一个字符。数据类型转换:parseInt()、parseFloat()函数,将字符串转换成整数、浮点数,处理机制:逐字符地解析字符串中的字符,并检查其是否是一个有效数字,如果是,转换为对应的数字,否则,终止解析,并将该字符之前的字符串转换为对应的数值如parseInt(123abc),返回123.当字符串的第一个字符不是有效数字的时候(或者字符串为空),返回NaN,表示不是数字(NotaNumber)测试代码:运行结果:使用isNaN()函数可以用来检查某个值是否是NaN值,如下代码:htmlbodyscriptlanguage=JavaScripttype=text/javascriptvarmyString=56.2degreescentigrade;varmyInt;varmyFloat;document.write(\+myString+\is+parseInt(myString)+asaninteger+br);myInt=parseInt(myString);document.write(\+myString+\whenconvertedtoanintegerequals+myInt+br);myFloat=parseFloat(myString);document.write(\+myString+\whenconvertedtoafloatingnumberequals+myFloat+br);myString=I'mnotanumber!;myInt=parseInt(myString);document.write(\+myString+\whenconvertedtoanintegerequals+myInt+br);myFloat=parseFloat(myString);document.write(\+myString+\whenconvertedtoafloatingnumberequals+myFloat+br);/script/body/htmlmyVar1=isNaN(“Hello”);myVar1的值为true。myVar2=isNaN(“34”);myVar2的值为false。11月8日:数组的使用:一维数组声明一个变量,并将变量定义成一个数组:varmyArray;myArray=newArray();或直接定义一个数组:varmyArray=newArray();JavaScript中变量跟关键字都是区分大小写:htmlscriptlanguage='JavaScript'Alert('hello');/script/html如果:htmlscriptlanguage='JavaScript'Vartemp='hello';alert(temp);/script/html如果:htmlscriptlanguage='JavaScript'vartemp=null;alert(number(temp));/script/html如果:htmlscriptlanguage='JavaScript'vartemp=123;alert(number(temp));/script/html如果:htmlscriptlanguage='JavaScript'//vartemp=123;alert(Number(null));/script/htmlJavaScript中,Number()函数的N必须是大写!Array()是一个构造函数,可以传递一个整型数据,表示数组的长度,JS中数组的最大长度为2的32次方。数组中的各元素可以保存不同类型的数据,数组的长度是可以改变的,如定义数组如下:varmyArray=newArray(3);然后为索引为130的元素定义一个值:myArray[130]=“xuqihong”;JavaScript将认为我们修改了myArray数组的长度,并将myArray数组的长度定义为131。不能使用如下为索引定义值:varmyArray[130]=“xuqihong”;否则,运行的时候会出现错误,导致该JS下的代码无法运行,包括错误行之前的代码。如果输出未对索引赋值的元素,将输出:undefined测试代码:运行结果:多维数组定义一个多维数组:测试代码:htmlbodyscriptlanguage=JavaScripttype=text/javascriptvarmyArray=newArray(3);alert(do);//varmyArray[100]=xuqihong;myArray[100]=xuqihong;document.write(myArray[100]=+myArray[100]+br);document.write(myArray[0]=+myArray[0]);document.write(myArray[101]=+myArray[101]);/script/body/htmlhtmlbodyscriptlanguage=JavaScripttype=text/javascript//多维数组varmyArray=newArray()myArray[0]=newArray();myArray[0][0]=newArray();myArray[0][0][0]=newArray();myArray[0][0][0][0]=四维数组的第一个元素;document.write(myArray[0][0][0][0]=+myArray[0][0][0][0]+br);/script/body/html运行结果:比较运算符的优先级别在所有的比较运算符中,==和!=的优先级最低,其他的比较运算符、=、、=具有相同的优先级。养成良好的编程习惯,即使if语句后面只执行一行代码,也要用大括号括起来,可以尽量避免忘记使用大括号而产生错误。使用Number()函数将字符串转换成数值测试代码:运行结果:输入123:htmlbodyscriptlanguage=JavaScripttype=text/javascript//使用Number()函数将字符串转换成数值varmyNum=Number(prompt(Enterastringhere:,));alert(Thevalueofthisstringis:+myNum);if(isNaN(myNum)){//输入的不是数字alert(Whatyouenterisnotanumber!);}if(!isNaN(myNum)){//输入的是数字alert(Youhaveenteranumber!);}/script/body/html输入3q:

1 / 153
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功