学习JavaScript脚本语言开发.ppt

开始学习JavaScript 网络编程,黑田铺中学本讲目标,客户端交互技术介绍 服务端交互技术介绍 JavaScript在客户端的常见应用 javaScript在服务端的常见应用,为什么要学习JavaScript,VBScript和JavaScript两种脚本语言有不同的特性，都掌握可以扬长避短。 VBScript和JavaScript结合编程是ASP解决方案的一种理想选择！ VBScript和JavaScript结合编程可以发挥程序的很多用处,Javascript:概述,利用JavaScript可以增强网页的交互性，控制各种浏览器对象 利用JavaScript还可以实现对用户所输入的数据进行有效验证，从而减轻服务器的负担 JavaScript必须放在与标记之间，以便将脚本代码与HTML标记区分开来 Script块可以放在与之间，也可以放在与之间,JavaScript编写客户端脚本,语法格式： ,在网页中加入 JavaScript,要在你的网页中使用 JavaScript ，你首先必须要知道该将它放在哪儿。其实很简单，只要在你的网页（HTML文件）中插入 和 标记对，你就可以在这两个标记队之间插入你的 JavaScript 代码了： alert(“Hello world!“); ,在网页中加入 JavaScript,另外，你也可以将 JavaScript 代码放在另一个单独的文件里，然后在网页（HTML文件）中使用 “SRC= 此单独文件的路径/地址（URL）”来使用此单独文件里的 JavaScript 程序代码。一般将这个单独的文件保存为扩展名为 .JS 的文件： ,Javascript程序,在网页打开时，弹出消息窗, window.alert(“Hello My JS!”); ,事件,在网页打开时，弹出广告, function dd() window.open(“alert.htm“); ,JAVASCRIPT语法基础,基本的数据类型 数值型（整数和实数） 字符串型 用“”括起来的 布尔型 TRUE 和 FALSE 空值 NULL 变量的申明方法 VAR Mytest,Javascript: 表达式,数学运算表达式:+ - * / % + - 关系运算表达式:、=、=、=、!= 字符表达式:+ 逻辑表达式:&、| 、!,JavaScript 语法基础,【语句】 注释 - 使用/ 来注释一个单行, /* 和 */ 可以注释多行； 循环 - for、do、while等等； 条件语句 - if.else；switchcase；,条件分支语句(1),if (条件表达式) 语句体1； else 语句体2； 应用举例 按时间提示欢迎信息,条件分支语句(2),Switch (表达式) case 值1：语句体1; break; case 值2：语句体2; break; default: 语句体; ,循环控制语句(1), for (i=1;ijavascript”); 应用举例：简单购物系统,循环控制语句(2), i=1; while (ijavascript”); i+; ,循环控制语句(3), i=1; do document.write(“javascript”); i+; while (i,函数,function fun(number) if(number=0) return 1; else return 1; ,JavaScript的内置对象,数值 Number 字符串 String 布尔 Boolean 日期 Date 数组 Array 数学运算 Math,内置对象：String,一个字符串值是排在一起的一串零个或零个以上的 Unicode 字符（字母、数字和标点符号） 连接字符串：+ 转义字符： n 换行符 r 回车符 t Tab 代表符 代表单引号字符 ” 代表双引号 Number() 字符串转换成数值 String() 数值转换成字符串,内置对象：String,属性：length 长度 msg=“欢迎光临本站!”; document.write(msg.length); 输出值为7。 在javascript中，字符采用UniCode编码，一个汉字和一个西文字符均算一个字符。,内置对象：String,方法：charAt() 返回指定位置处的一个 字符 msg.charAt(2) indexOf() 返回指定字符的位置, 若找不到，返回-1 substring(fromidx,toidx) 截取字符串 toLowerCase() toUpperCase() 例子：email.htm,数组对象,var theMonths = new Array(); var Weeks = new Array(7); var theSeasons = new Array(“春”,“夏”, “秋”,“冬”); Eg: var theMonths = new Array(); for(var i=1:i=12;i+) theMonthsi = i;,Window中的方法,alert()方法能创建一个具有OK按钮的对话框。 具有OK和Cancel按钮的对话框 confirm()方法为编程人员提供一个具有两个按钮的对话。 prompt()方法允许用户在对话框中输入信息，并可使用默认值，其基本格式如下prompt（“提示信息”，默认值）。 Close()关闭窗口 setTimeout（”myPro”，msec） Cleartimeout（ID） 例：timer.htm Navigate（”URL”） open(“URL”,“窗口名字”,“窗口属性”）方法可以创建一个新的窗口。参数表提供有窗口的主要特性和文档及窗口的命名。,For