JavaScript学习笔记.docx
- 文档编号:10197136
- 上传时间:2023-02-09
- 格式:DOCX
- 页数:11
- 大小:17.97KB
JavaScript学习笔记.docx
《JavaScript学习笔记.docx》由会员分享,可在线阅读,更多相关《JavaScript学习笔记.docx(11页珍藏版)》请在冰豆网上搜索。
JavaScript学习笔记
JavaScript学习笔记
作者:
NGKiller@Gmail.Com原创作品,不足还请指正!
★JS标记
....
直接链接JS文件,JS脚本可以放在外面,以.js进行存放
★注意:
●JS会按顺序一行一行的进行(除函数调用会跳转外)。
●JS中引用DOM属性的值必须大小写对应;即JS对变量、函数、属性、方法中的大小写都敏感!
★JS放置位置的不同
当页面载入时,会执行位于body部分的JavaScript。
当被调用时,位于head部分的JavaScript才会被执行。
★换行
您可以在文本字符串内部使用反斜杠对代码进行折行。
下面的例子是正确的:
document.write("Hello\
World!
")
但是不能像这样折行:
document.write\
("HelloWorld!
")
★JS语句结构
document.write("Helloworld");
结尾可以有分号,也可以没有分号(因为浏览器把行末作为语句的结尾)。
在同一句可以使用分号写多条语句。
★JS变量
●变量对大小写敏感(a和A是两个不同的变量)
●变量必须以字母或下划线开始(亦可以为$,有些函数是$开头的,实际上与普通字母开头的函数是相同的)
●JavaScript对大小写敏感
●如果您再次声明了JavaScript变量,该变量也不会丢失其原始值。
varx=5;
varx;
在以上语句执行后,变量x的值仍然是5。
在重新声明该变量时,x的值不会被重置或清除。
★连接字符串使用+号
txt1="Whatavery";
txt2="niceday";
txt3=txt1+""+txt2;
条件语句
★if…else…
if(time<10)
{
document.write("Goodmorning!
")
}
else
{
document.write("Goodday!
")
}
★if…elseif…else…
if(time<10)
{
document.write("Goodmorning")
}
elseif(time>10&&time<16)
{
document.write("Goodday")
}
else
{
document.write("HelloWorld!
")
}
★switch
switch(theDay)
{
case5:
document.write("FinallyFriday")
break
case6:
document.write("SuperSaturday")
break
case0:
document.write("SleepySunday")
break
default:
document.write("I'mlookingforwardtothisweekend!
")
}
函数
★JS函数对大小写敏感,即使调用时亦要注意大小写。
●别忘记JavaScript中大小写字母的重要性。
"function"这个词必须是小写的,否则JavaScript就会出错。
另外需要注意的是,必须使用大小写完全相同的函数名来调用函数。
●无参数的函数必须在其函数名后加括号:
functionmyfunction(txt)
{
alert(txt)
}
……
')"value="调用函数"> ★JavaScript变量的生存期 ●当您在函数内声明(var)了一个变量后,就只能在该函数中访问该变量。 当退出该函数后,这个变量会被撤销。 这种变量称为本地变量。 您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。 ●如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。 这些变量的生存期从声明它们之后开始,在页面关闭时结束。 ●注意: 在for等循环中使用过的变量在循环之后还是存在并保存其值! 所以在循环中要再次使用相同名称的变量时,一定要记得先初始化(如: i=0)。 ●若一个变量在函数外已经声明,而函数中没有用var声明,则函数内使用的变量即全局变量。 例: x=100//在外部声明的变量 functiona(){ x=50//这时外部的变量x的值变为50 document.write(x)//输出50 } functionc(){ varx=80//局部变量x,只在c函数内部有效 document.write(x)//输出80 } x=20//在外部改变x,此时x的值为20 functionb(){ document.write(x)//输出20 } a()、b()两个函数操作的都是外部变量x,而c()操作的是局部变量x(只在c()函数中有效)。 循环语句 ★JavaScript有两种不同种类的循环 ●for将一段代码循环执行指定的次数 for(i=0;i<=10;i++) { document.write("Thenumberis"+i) document.write(" } ●while(do…while…)当指定的条件为true时循环执行代码 vari=0 while(i<=10) { document.write("Thenumberis"+i) document.write(" i=i+1 } ●do...while...至少执行一次语句块。 do { document.write("Thenumberis"+i) document.write(" i=i+1 } while(i<0) ★break和continue ●break语句 使用break语句来终止循环。 for(i=0;i<=10;i++) { if(i==3){break}//直接退出for循环 document.write("Thenumberis"+i) document.write(" } ●continue语句 使用continue语句来终止当前的循环,然后从下一个值继续执行。 for(i=0;i<=10;i++) { if(i==3){continue}//跳过,从i=4开始继续执行 document.write("Thenumberis"+i) document.write(" } ★For...In声明用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 for(变量in对象) { 在此执行代码 } “变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。 例: varmycars=newArray()//必须声明为Array数组元素 mycars[0]="Saab" mycars[1]="Volvo" mycars[2]="BMW" for(xinmycars) { document.write(mycars[x]+" } 事件 ★事件是可以被JavaScript侦测到的行为。 ●网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。 比方说,我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数。 事件在HTML页面中定义。 事件举例: Ø鼠标点击 Ø页面或图像载入 Ø鼠标悬浮于页面的某个热点之上 Ø在表单中选取输入框 Ø确认表单 Ø键盘按键 事件通常与函数配合使用,当事件发生时函数才会执行。 属性 当以下情况发生时,出现此事件 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onerror 当加载文档或图像时发生某个错误 onfocus 元素获得焦点 onkeydown 某个键盘的键被按下 onkeypress 某个键盘的键被按下或按住 onkeyup 某个键盘的键被松开 onload 某个页面或图像被完成加载 onmousedown 某个鼠标按键被按下 onmousemove 鼠标被移动 onmouseout 鼠标从某元素移开 onmouseover 鼠标被移到某元素之上 onmouseup 某个鼠标按键被松开 onreset 重置按钮被点击 onresize 窗口或框架被调整尺寸 onselect 文本被选定 onsubmit 提交按钮被点击 onunload 用户退出页面 ★try...catch的作用是测试代码中的错误。 try { //在此运行代码 } catch(err) { //在此处理错误 } ●throw声明的作用是创建exception(异常)。 你可以把这个声明与try...catch声明配合使用,以达到控制程序流并产生精确错误消息的目的。 varx=100 try { if(x>10) throw"High" elseif(x<0) throw"Low" } catch(e) { if(e=="High") document.write("Error! Thevalueistoohigh") if(e=="Low") document.write("Error! Thevalueistoolow") } 作者: NGKiller@Gmail.Com原创作品,这些都是基础,其他还未学习完成。 下面是一些标记,方便你们自己添加学习内容。 ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
")
")
")
")
")
")
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript 学习 笔记
![提示](https://static.bdocx.com/images/bang_tan.gif)