JavaWeb入门学习笔记--JS篇讲义.docx

JavaScript概述认识JavaScript JavaScript是什么JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言；特点：脚本语言，基于对象，简单性，安全性，动态性，跨平台；JavaScript与Java的区别Java程式语言，JS可嵌入到web页面中，基于对象和事件驱动的解释性语言，二者区别：第一个JS程序title第一个JS/titlescript type=text/javascript!--//一下是代码；alert(我的第一程序js点击);document.write(centerh3document.write()的说明/h3:brdocument 是指当前的 html 文档,使用JavaScript 脚本中的 document 对象的 write 方法,br是文档对象输出函数!/center);document.close(); //-- /script /head将JavaScript 标识放置Head... /Head在头部之间，使之在主页和其余部分代码之前装载，从而可使代码的功能更强大；可以将 JavaScript 标识放置在Body... /Body主体之间以实现某些部分动态地创建文档。我们也可以把 JavaScript 代码保存在独立的文件中(扩展名为.js),在 Html 中引入这个文件；bodyscript src=importJs.js/scriptJS中的关键字基本数据类型数值：（整数和实数）字符串型：（用“”号或‘’括起来的字符或数值）转义字符：“\”开头：如\ 单引号）布尔型：使 True 或 False 表示空值：null，空值不等于字符串””或0；未定义值：当使用了一个未声明，或者已声明但未赋值的变量时，返回一个未定义值（undefined）表达式和运算符同其他语言，表达式是变量、常量、布尔及运算符的集合，因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等js的基本构成基本构成是由控制语句、函数、对象、方法、属性等控制语句if()elseswitch(){case r1:[break;]case r2:[defaut:]}for( ; ; ){}函数function 函数名（参数）{函数体;.return 表达式;}由关键字function定义，检测参数个数；Script Language=JavaScriptfunctionTestArgLen(a,b,c,d,e){len= TestArgLen.arguments.length; if(len0){alert(a=+a);}···if(len4){alert(e=+e);}}TestArgLen(5,7,9);document.write(运行结束!);document.close();/Script/head调用函数：script type=text/javascriptfunctionmyfunction(){alert(你好!这里函数调用的运行结果!)}/script/headbodyforminput type=button onclick=myfunction() value=调用函数/form事件驱动及处理在 JavaScript 中对象事件的处理通常由函数(Function)担任，其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。function 事件处理名（参数列表）{事件处理语句集；……}JavaScript 事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件：js常用事件JS对象基础知识js对象基本结构JavaScript 中的对象是由属性(properties)和方法(methods)两个基本的元素构成的；有关对象操作语句在 JavaScript 中提供了几个用于操作对象的语句和关键字及运算符；for...in 语句格式如下：for（对象属性名 in 已知对象名）该语句的功能是用于对已知对象的所有属性进行操作的控制循环。它是将一个已知对象的所有属性反复置给一个变量；而不是使用计数器来实现的,该语句的优点是无需知道对象中属性的个数即可进行操作。functionshowData(object)for (vari=0; i30;i++) document.write(object[i]) 该函数是通过数组下标顺序值，来访问每个对象的属性，使用这种方式首先必须知道数组的下标值，否则若超出范围，则就会发生错误；如使用 for...in 语句，则根本不需要知道对象属性的个数，如下：functionshowData(object){for(var prop in object)docum