2023年JavaScript学习笔记.pdf
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《2023年JavaScript学习笔记.pdf》由会员分享,可在线阅读,更多相关《2023年JavaScript学习笔记.pdf(148页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第一章J av aS c r i p t 基础1.如何实现JavaSc r ip t.错误!未定义书签。(1)如何把JavaSc r ip t代码放到HTML页面里.错误!未定义书签。使用sc r i pt 标签,直接在HTML代码里加入J a va S c r i p t代码错误!未定义书签。使用 scrip t stc=XXX.js”调用外部的JavaS c ript(.j s 文献)错误!未定义书签。如何与老浏览器打交道.错误!未定义书签。(2 )把 JavaSc r ip t代码放到HTML页面不同的位置.错误!未定义书签。把 JavaScr i pt 代码放到 H T M L bod
2、y 部分 8。JE Jav a Script代码放到HTMIKhe a d 部分。错误!未定义书签。示例代码。错误!未定义书签。2.J a va$c ri p t 语句与注释.错误!未定义书签。(1)JavaScrip t 语句结束符。错误!未定义书签。(2)Ja vaScript代码块。错误!未定义书签。(3)J a vaScr i p t 注释.错误!未定义书签。(4)JavaSc r ipt 变量.10变量 命名规则。错误!未定义书签。申明 或创建变量。错误!未定义书签。重新 申明变量。错误!未定义书签。3.JavaScr i p t 运算符 11。(1)基本运算符。错误!未定义书签。(
3、2)位运算符(非运算)、&(与运算)、I (或运算)、.(异或运算)。错误!未定义书签。(3)Boolean运算。(求反运算)、&(与运算)、|(或运算).12(4)关系运算(、=、=、=、!=).错误!未定义书签。(5)等性运算符(=、=、!=、!=)。错误!未定义书签。(6)条件运算符.13(7)其他运算符.错误!未定义书签。赋值运算符.错误!未定义书签。逗号运算符。错误!未定义书签。t yp e。f 运算符。错误!未定义书签。de le t e 运算符.错误!未定义书签。i n s t an c e o f 运算符。错误!未定义书签。4.w i t h 语句 1 6(1)语法及作用.错误
4、!未定义书签。(2)示例.错误!未定义书签。5 .分支语句.错误!未定义书签。(1)i f.e ls e.语句。错误!未定义书签。(2 )s w i t c h语句.错误!未定义书签。6 .消息框。错误!未定义书签。(1)警告框.错误!未定义书签。(2)确认框.错误!未定义书签。(3)提醒框.错误!未定义书签。7 .函数(一般定义到h e ad 标签之间).错误!未定义书签。(1)定义函数。错误!未定义书签。(2)关于函数的arg u m e n t s 对象.错误!未定义书签。在函数代码中,使用特殊对象arg u m e n t s,开发者无需明确指出参数名,就能访问它们。错误!未定义书签。
5、使用ar g u m e n t s.le n g t h 检测参数个数.错误!未定义书签。模拟函数重载.错误!未定义书签。(3)F u n c t i o n 对象(类)。错误!未定义书签。F u n c t i o n 对象的使用.错误!未定义书签。使用F u n c t i o n类的1 e n g t h 属性。错误!未定义书签。使用Fu n c ti。n 类的val ueOf()方法和toSt r in g()方法.错误!未定义书签。(4)闭包.错误!未定义书签。8.循环语句.错误!未定义书签。(1)fo r循环.错误!未定义书签。f o r 循环的使用格式.错误!未定义书签。例子2
6、5。(2)w hile循环。错误!未定义书签。Whi 1 e 循环的使用格式。错误!未定义书签。例子。错误!未定义书签。(3)使用break和 c ontinue退出循环.错误!未定义书签。9.J a v a Sc r i p t事件。错误!未定义书签。(1)事件句柄.错误!未定义书签。(2)onl o ad和 onUnload。错误!未定义书签。(3)o n F ocu s,on B 1 ur 和 onChan g e.错误!未定义书签。(4)o n$u bmit。错误!未定义书签。(5)onMous e Over 和 o nMo u seOu t.错误!未定义书签。(6)J a vaScr
7、ip t计时事件.错误!未定义书签。1 0.异常解决Try.C atch 语句.错误!未定义书签。(1)异常解决格式。错误!未定义书签。(2)例子。错误!未定义书签。(3)Throw声明.错误!未定义书签。Throw语法.错误!未定义书签。例子.错误!未定义书签。(4)one r r o r 事件.错误!未定义书签。oner r o r 事件功能.错误!未定义书签。语法。错误!未定义书签。例子。错误!未定义书签。1 1 .特殊字符与注意点.错误!未定义书签。(1)特殊字符.3 2(2)注意点3 2。J av a S c r i p t对大小写敏感。错误!未定义书签。空格。错误!未定义书签。换行
8、。错误!未定义书签。第 二 章J a vaS c ri p t对 象1.J av a S c r i p t对象简介.错误!未定义书签。(1)J a v aS c r i p t对象也是有属性和方法的.错误!未定义书签。对象属性的使用.错误!未定义书签。对象方法的使用.错误!未定义书签。(2)对象的定义与实例化.错误!未定义书签。(3)对象的作用域。错误!未定义书签。J av aS c ri p t对象只有公用作用域.错误!未定义书签。J a v a S c ri p t对象没有静态作用域.3 4 关键字t h i s。错误!未定义书签。(4)定义类或对象的方法。错误!未定义书签。工厂方式.错
9、误!未定义书签。构造函数方式和原型方式。错误!未定义书签。混合的构造函数/原型方式(常用方式).错误!未定义书签。动态原型方法(常用方式).错误!未定义书签。总结(使用哪种方式好).错误!未定义书签。2.修改对象。错误!未定义书签。(1)创建新方法.错误!未定义书签。(2)重命名已有方法.错误!未定义书签。(3)添加与已有方法无关的方法。错误!未定义书签。(4)为本地对象添加新方法。错误!未定义书签。3.对象类型转换。错误!未定义书签。(1)转换成字符串.错误!未定义书签。(2)转换成数字。错误!未定义书签。p a r s elnt()。错误!未定义书签。p arseFloat()。错误!未定
10、义书签。(3)强制类型转换.错误!未定义书签。B o o le a n。函数。错误!未定义书签。Numbe r()函数.错误!未定义书签。S t ri n g()函数45。4.Ja v a S crip t常用对象.错误!未定义书签。(1 )对象类型说明。错误!未定义书签。本地对象.错误!未定义书签。内置对象。错误!未定义书签。宿主对象.46(2)Objec t 对象.错误!未定义书签。Ob j ec t 对象的属性.错误!未定义书签。Ob j e c t 对象的方法。错误!未定义书签。(3)J a vaScrip t 对 象 参 考(略).错误!未定义书签。(4)B rows er(浏览器)
11、对象参考(略).错误!未定义书签。(5)H TML D0M对象参考(略)。错误!未定义书签。第三章J a v a S c r i pt高级1 .C o oki e。错误!未定义书签。(1)co o k i e 的作用。错误!未定义书签。(2)示例.错误!未定义书签。2.访问HT M L D OM节点。错误!未定义书签。(1)查找并访问节点(得到节点对象)。错误!未定义书签。使用ge t E lemen t Byld()得到某个节点对象.错误!未定义书签。使用g e t E leme n t sBy TagN a me()得到某些节点对象。错误!未定义书签。使用ge t Element s B
12、yName()得到某些节点对象。错误!未定义书签。pa re n t No d e、f ir s t C hild 以及 I astCh i 1 d 属性。错误!未定义书签。(2)访问节点的内容。错误!未定义书签。inner T e xt(I E),textContent(FF)innerHTM L。错误!未定义书签。outerText、o uterHTML(少用).错误!未定义书签。value属性获取表单节点内容。错误!未定义书签。(3)访问节点的样式.错误!未定义书签。使用节点对象的styl e属性对象改变样式。错误!未定义书签。使用clas s Name设立样式。错误!未定义书签。3.继
13、承机制实现.错误!未定义书签。(1)继承的方式.错误!未定义书签。(2)继承方式1一对象冒充。错误!未定义书签。(3)继承方式2c a l l。方法与ap p ly。方法。错误!未定义书签。cal I()方法。错误!未定义书签。a p p l y。方法。错误!未定义书签。(4)继承方式 3 原 型 链(pro t otype chai n ing).63(5)继承方式4一混合方式。错误!未定义书签。附:E C M A S c ri p t 关键字与保存字1.关键字。错误!未定义书签。2.保存字。错误!未定义书签。作者:李志伟编写完毕时间:2 0 23-11-12一、J a v aS c ri
14、p t 基础1.如何实现J a vaSc r ipt(1)如何把J a v a S c rip t 代码放到H T M L页面里使用V s c r i p t 标签,直接在H T ML代码里加入J a v a S c ri p t 代码 s c r i p t 1 a n g u a g e=j a v a script t y p e=t ext/java s cript”a le rt (消息);使用 s c rip t s t c=X X X.js”调用外部的 J a v a S c rip t (.j s 文献)J a v a S c r ip t .h t m 1 文献:J a v
15、a S c r ip t.j s 文献:d o c u m e n t.w ri t e (外部的 J a v a S c rip t 文献);a le rt (消息”);如何与老浏览器打交道那些不支持JavaScri p t 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的HTML注释标签:s c ri pt lan g uage=j av a s c rip t t ype=text/j a vase ri p t今/J a vaS c r i p l 注释,注释行末尾的两个正斜杠是J a v a S c rip t的注释符号,它会阻止Java S c r i
16、 p l 编译器对这一行的编译。(2)把 JavaSc r i p t代码放到HTML页面不同的位置页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时,我们希望当页面载入时执行脚本,而此外的时候,我们则希望当用户触发事件时才执行脚本。E J a vaScr i p t 代码放到 HTMLVbo d y 部分把页面载入时就需要执行的JavaS c r i p t 代码放到的01丫 标签之间。这是一种规范,建议这样做。把 JavaS c r ip t 代码放到HTMl部分把当脚本被调用时,或当事件被触发时才会执行的Jav aS crip t代码放到Vhead标签之中,这样就可以保证
17、在调用JavaScript之前就载入了它。这是一种规范,建议这样做。示例代码scrip t ty p e =feAr t/java s crip tyf u n ction m e s sag e()a do c um e nt.writ e(he a d之间的JavaS cri p t!”);)*。doc u merit,wri t e(b o dy之间的JavaScr i p t!”);head/b uttonX!一 调用 h e a d之间的 J ava S cr i pt2.J a va S c rip t语句与注释(1)J a v a S crip t语句结束符通常要在每行语句结尾加
18、上一个分号(;),但是根据J a v a S c rip t标准语句结尾的分号是可选的,浏览器会把行末作为语句的结尾。)do c ument.w r ite(语句2)(2)Jav a Seri p t 代码块J a v a S c rip t可以分批的组合起来,使 用 把 多 条 语 句 括 起 来 组 成 代 码 块。代码块的作用是一并的执行语句序列。8 d oe u me n t.w r i t e(z,Th i s i s a h e ad e r );o cu m e n t.w r i t e(,z Th i s i s a par ag r aph,z);0 d o e u me
19、n t .w r i t e (Th i s i s a n ot h e r par ag r ap h /p );寸(3)Ja v aScr i p t 注释d ocu me n t.w r i t e (J av aScr i p t 注释!);双斜杠表达行注释(第一种)第二种,块注释0*/(4)JavaS c r ipt 变量 变量命名规则Jav a S c r i p t 变量对大小写敏感,变量必须是以字母或下划线开头 申明或创建变量v ar i =1 2 3;/使用v ar 关键字申明变量v ar s=”李志伟;t e mp=直接赋值使用变量 ;/假如您所赋值的变量尚未进行过声明,
20、该变量会自动声明。d o c u me n t.w r i t e(i+s+t e m p);重新申明变量v ar i=l 2 3;/使用v ar 关键字申明变量w a r i ;/在由新声明该变量后,变量的值不会被重置或清除。0 d oe u me n t.w r i t e(i的值是:+i);的值还是 1 2 33.Ja v a Script 运算符(1)基本运算符基本运算符有+、-、*、%、+、-、=、类似+=的运算符,其使用方式与编程语言(Jav a.C、C#等)基本同样。下面重要演示+运算符。s c r i pt 1 a n g u ag e=javase r i p t t y p
21、e=e x t/jav a sc r i p ti =5+5;od ocu me n t.w r i t e (i 的值是:+i+);/IOoi 二 5+5;d ocu me n t,w r i t e (i 的值是:+i +”):/5 5i =5+”5;d ocu me n t.w r i t e (i的值是:+i+);/5 5(2)位运算符(非运算)、&(与运算)、(或运算)、.(异或运算)v ar i Nu ml =2 5;/2 5 等于 0 0 0 1 1 0 0 1v a r i N u m2 =iN um l;/转换为 1 1 1 0 0 1 1 0o d ocu me n t .
22、w r i t e (i Nu m 2+“);输 出 2 6”v a r i Re s u 1 t =2 5&3;/*2 5 =0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 13 =0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1AND=0 0 0 0 ()0 0 0 0 0 0 0 0 0 0 0 0 0 0()()0 0 0 0 0 0 0 0 0 0 10*d oc u me n t.w r i t e (i Re s u l t+”
23、);/输 出 1w ar i R e s u 1 t =2 5|3;o/*2 5 =0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 13 二 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ()0 0 0 0 0 0 0 0 0 0 0 1 1oOR=0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 1 1*/d o cu me n t.w r i t e (i Re s u l t+/Z );/输 出 2 7”v a r i
24、 Re s u It =2 5 3;I*。2 5 =0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 13 =0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1XOR=0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 1 0*/d ocu me n t.w r i t e(i Re s u l t +Vbr );/输 出 2 6”B o o lea n运 算(!(求 反 运 算
25、)、&(与运算)、|I (或运算)对 bo。l e an 值进行的运算,与编程语言的运算方式基本一致。(4)关 系 运 算(、=、=、!=)w ar bo o 1 =2 1 ;d oc u me n t.w r i t e (boo 1 +“);/输出 f al s ew ar boo 1 =a Y b/字 母a的字符代码是 9 7,字母b的字符代码是9 8d oc u me n t .w r i t e (bo o 1+“);输出 t u r ev ar boo 1 =9 8 V9 7;字符串9 8 将被转换成数字9 8d oc u me n t .w r i t e (b oo 1 +“)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 2023 JavaScript 学习 笔记
![提示](https://www.taowenge.com/images/bang_tan.gif)
限制150内