学习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；switch.case；,条件分支语句(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;elsereturn 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,数组对象,vartheMonths=newArray();varWeeks=new Array(7);vartheSeasons=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.htmNavigate（”URL”）open(“URL”,“窗口名字”,“窗口属性”）方法可以创建一个新的窗口。参数表提供有窗口的主要特性和文档及窗口的命名。,Form与数据验证(重点),使用 form 表单对象,form 对象由网页中的 标记对创建，form 里边的元素是由 等标记创建的，他们被存放在数组 elements 中。,用Javascript访问对象,请看表单对象访问的例子,谢谢合作欢迎你下次光临,
