JavaScript 章 J2EE概述 JavaEE教学课件PPT.ppt

JavaScript JavaScript JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。嵌入在HTML语言中实现。能够在客户端执行。 简单例子 script language=javascript alert(JavaScript); /script JavaScript数据类型 在JavaScript里，变量都是用var来声明，不区分数据类型，为这个变量赋值什么类型的数据，就是什么类型。例如： var m = 1, n = 2; var t = 你好！; 对于两个字符串变量，“+”运算符执行拼接操作；对于两个数值变量，“+”运算符执行加运算；对于一个字符串变量和一个数值变量，“+”把数值变量的值当作字符串执行拼接操作。 script language=javascript var m = 1, n = 2; alert(m + + + n + = + (m+n)); /script 表单验证 script language=javascript function checkXingming() { if(zhuce.xingming.value == ) { alert(请输入姓名！); return false; } return true; } /script …… form name=zhuce action=servlet/zhuce onSubmit=return checkXingming() JavaScript事件 onclick：点击 onblur：当前元素失去焦点 onchange：当前元素内容发生改变 onsubmit：表单被提交 自定义函数 function 函数名(参数列表) { 函数体 } JavaScript文件 有些自定义函数可能不只在一个页面会用到，这样的函数我们就可以在一个JavaScript文件里定义，然后在用到的页面里引入这个JavaScript文件。JavaScript文件的后缀是.js。 引入JavaScript文件 script src=myFunction.js/script JavaScript的对象 JavaScript对象是属性和方法的集合。一个方法就是一个函数，是对象的成员。属性是一个值或一组值（以数组或对象的形式），是对象的成员。JavaScript支持四种类型的对象：内部对象、生成的对象、宿主给出的对象（如Internet浏览器中的window和document）以及ActiveX对象（外部组件）。 创建自己的对象 要创建自己的对象实例，必须首先为其定义一个构造函数。构造函数创建一个新对象，赋予对象属性，并在合适的时候赋予方法。例如，下面的示例为pasta对象定义了构造函数。注意this关键字的使用，它指向当前对象。 创建自己的对象（续） /// pasta是有四个参数的构造器。 function pasta(grain, width, shape, hasEgg) { // 是用什么粮食做的？ this.grain = grain; // 多宽？（数值） this.width = width; // 横截面形状？（字符串） this.shape = shape; // 是否加蛋黄？（boolean） this.hasEgg = hasEgg; } 定义了对象构造器后，用 new 运算符创建对象实例。 var spaghetti = new pasta(wheat, 0.2, circle, true); var linguine = new pasta(wheat, 0.3, oval, true); 创建自己的对象（续） 可以给对象实例添加属性以改变该实例，但是用相同的构造器生成的其他对象定义中并不包括这些属性，而且除非你特意添加这些属性那么在其他实例中并不显示出来。 // spaghetti 的附加属性。 spaghetti.color = pale straw; spaghetti.drycook = 7; spaghetti.freshcook = 0.5; var chowFun = new pasta(rice, 3, flat, false); // chowFun 对象或其他现有的 pasta 对象 // 都没有添加到 spaghetti 对象 // 的三个新属性。 // 将属性‘foodgroup’加到 pasta 原型对象 // 中，这样 pasta 对象的所有实例都可以有该属性， // 包括那些已经生成的实例。 totype.foodgroup = carbohydrates