新网页制作及应用（第二版） 潘明寒 电子教案 网页 二版 第6章.PPTVIP

6.1 JavaScript 简介 6.2 数据类型与变量 举例： htmlheadtitle 自定义函数练习/title Script Language =JavaScript function add(a1,a2){ //定义函数 var a3; a3= a1+a2; return a3; //函数返回值 } /script/head bodyScript Language =JavaScript var b1=1,b2=2,b3; b3=add(b1,b2); //调用函数 document.write(b1+++b2+=+b3+p); for (i=1;i=4;i++){ document.write(i,+,i+10,=,add(i,i+10), ); } /script /body/html 2. 对象 对象是一个特殊类型的数据，可以是一段文字、一幅图片、一个表单等。每个对象有它自己的属性、方法和事件。对象的属性反映该对象某些特定性质，如对象的背景色、长度、名称等。对象的方法是加在对象上的一些操作，是对象自己所属的函数，如使对象获得焦点、使对象获得某个随机数等。对象的事件是浏览器响应用户交互操作的一种机制，能响应发生在对象上的动作，如提交表单产生表单的“提交事件”，点击链接产生链接的“点击事件”。 引用对象属性的格式为：对象名.属性名 引用对象方法的格式为：对象名.方法名 在JavaScript中，可以使用以下几种对象： （1）由浏览器根据web页面的内容自动提供的对象。 （2）JavaScript的内置对象，如Date、Math等。 （3）服务器上的固有对象。 （4）用户自定义的对象。 3. JavaScript的自定义对象 有三个步骤： 第1歩：定义对象的构造函数，用来说明这个对象的各种属性。 第2歩：通过new语句创建对象的实例。 第3歩：通过“对象名.属性名”调用各属性的值。 （1）定义对象的构造函数 function 构造函数名（对象名）（参数1，参数2，参数3，……） { this.属性1=参数1; this.属性2=参数2; ... } 这里的this指对象本身，在构造函数中通过this语句引用当前对象。（2）创建对象的实例 用new语句创建对象的实例。 （3）调用对象的属性 有了对象的实例后，用实例名加属性名显示实例的属性值。 举例： html headtitle 自定义对象练习/title Script Language =JavaScript function student(thename,thesex,theage){ =thename; this.sex=thesex; this.age=theage; } /script/head bodyScript Language =JavaScript var stu1=new student(“张三”,“男”,“20”); //生成实例 document.write(,stu1.sex,stu1.age); /script /body /html * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 网页制作及应用 第六章 在网页中使用JavaScript 本章学习目标 1. JavaScript的概念 2. JavaScript的数据类型和变量 3. JavaScript的语句 4. JavaScript的内置对象和函数 5. JavaScript的事件 JavaScript是一种基于对象和事件驱动、具有安全性能、嵌入式的客户端脚本语言。利用JavaScript编写一些模块，可以实现动态的、实时的、可交互的网页功能。JavaScript开发的是客户端应用程序，它的功能是通过嵌入或调入方法在标准的HTML语言中实现的。例如验证和处理用户输入的信息。 1. JavaScript主要优点 简单、易操作 、减少服务器开销 、动态 、跨平台 。 2.JavaScript程序格式 （1）JavaScript 代码要用HTML标签script和/script括起来，可以 插入在 HTML 文档的任意地方。 （2）基本格式： script language=脚本语言名称 JavaScript代码 /script