J2EE快速进阶培训-JavaScript

JavaScriptJavaScript简介JavaScript是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。JavaScript的特点与作用JavaScript的特点：简单、易学、易用；跨平台；IE、Navigator符合ECMA（欧洲计算机制造协会）标准，可移植；事件驱动式的脚本程序设计思想；动态、交互式的操作方式。JavaScript的作用：交互式操作；表单验证；网页特效；Web游戏服务器脚本开发等。JavaScript的格式：JavaScript区分大小写；JavaScript脚本程序须嵌入在HTML文件中；JavaScript脚本程序中不能包含HTML标记代码；每行写一条脚本语句；语句末尾可以加分号；JavaScript脚本程序可以独立保存为一个外部文件，但其中不能包含script/script标签。JavaScript的数据类型：数值：整数、浮点数；逻辑值：布尔值；字符串值：空值：未定义值：JavaScript变量：变量命名规则：–首字符必须是大写或小写的字母或下划线（_）或美元符（$）;–后续的字符可以是字母、数字、下划线或美元符;–变量名称不能是保留字；–长度是任意；–区分大小写；JavaScript变量：变量作用域：（方式、位置）全局变量：省略var，或在函数外声明局部变量：在函数内声明例：ScriptvarlangJS=JavaScript;//langJS是全局变量test();functiontest(){varlangVBS=VBScript;//langVBS是局部变量document.write(LI+langJS);document.write(LI+langVBS);}/ScriptJavaScript表达式：算术表达式；字符串表达式；关系（比较）表达式；逻辑表达式。默认函数数值判断函数isNaN()：是否为非数字十进制转换函数parseInt()：将不同进制（二、八、十六）的数值转换成十进制整数浮点数转换函数parseFloat()：将数值字串转换成浮点数求值函数eval()：函数：独立于主程序的、具有特定功能的一段程序代码块。函数的定义：格式：function函数名([参数[,参数...]]){语句组[return表达式；]}约定：1、函数名：易于识别；（同变量命名规则）2、程序代码：模块化设计；3、函数位置：按逻辑顺序，事件处理程序浏览器响应某个事件，实现用户的交互操作而进行的处理（过程）。事件处理程序的调用：浏览器等待用户的交互操作，并在事件发生时，自动调用事件处理程序（函数），完成事件处理过程。常用的事件Blur失去焦点Change改变Focus取得焦点Submit提交表单Click点击Mouse鼠标事件事件例题ScriptfunctionmOver(object,msg){status=msg;object.color=red;object.face=华文楷体;}functionmOut(object){status='完毕';object.color=blue;object.face=幼圆;}/ScriptBodyFONTSTYLE=“cursor:hand”onClick=“location=‘’”onMouseOver=“mOver(this,‘最棒的线上学习网站’);returntrue;”onMouseOut=“mOut(this)”js测试/FONT/Body对象历史对象：history用以存储客户端最近访问的网址清单。位置对象：location用来代表特定窗口的URL信息。文件对象：代表当前HTML对象，是由body标签组构成的，对每个HTML文件会自动建立一个文件对象。表单对象：文件对象的子对象，Javascript的runtimeengine自动为每一个表单建立一个表单对象。JS的基于对象特性创建JS对象直接创建functionUser(){this.age=21;//属性this.sex=male;//属性varname=“名字”;//局部变量this.show=function(){//这里给User类添加一个方法}}这里的js类的说明类似于js中的一个函数的定义。但是注意，这里的this关键字是必须的。在说明该对象的时候，可以不给其属性赋初值，但是必须添加this关键字通过Object对象创建varuser=newObject();user.name=”jack”;user.age=21;user.sex=”male”;person.show=function(){//创建person的方法alert(年龄：+person.age+\n姓名：+this.name);}在Object对象上面创建该对象的属性并设置该属性的值JS的基于对象特性创建JS对象varuser={name:jack,//定义了name属性，初始化为jackfavoriteColor:[red,green,black,white],//定义了颜色喜好数组hello:function(){//定义了方法helloalert(hello,+this.name);},sex:male//定义了性别属性sex，初始化为sex}注意，除了最后一个属性（方法）定义，其他的必须以逗号（,）结尾