物流信息处理8w

1、2 2.1 JavaScript概述概述 一、概述一、概述 1. JavaScript语言特点语言特点 （1）是一种脚本语言，可直接）是一种脚本语言，可直接嵌入嵌入到到HTML文档中，浏览器能在网页下载后解释执行文档中，浏览器能在网页下载后解释执行; （2）功能较强）功能较强;第二章第二章 网页脚本语言网页脚本语言 JavaScript 2. JavaScript组成组成 （1）核心语言，包括基本语法）核心语言，包括基本语法; （2）客户端客户端扩展，包括浏览器的对象和文扩展，包括浏览器的对象和文档模型。在客户端编写的脚本中，就可以对档模型。在客户端编写的脚本中，就可以对页面上的页面上的对象对

2、象进行进行控制控制，如在页面上处理，如在页面上处理mouse单击、表单输入等单击、表单输入等; （3）服务器服务器端扩展，包括服务器上运行的端扩展，包括服务器上运行的对象，这些对象，这些对象对象可以和可以和数据库数据库互连，可以对互连，可以对服务器上文件进行控制，可以在应用程序之服务器上文件进行控制，可以在应用程序之间交换信息等间交换信息等; ; 3常用常用脚本语言脚本语言 （1）JavaScript语言，常用于客户端；语言，常用于客户端； （2）VBScript语言语言，常用于服务器端；，常用于服务器端； 二、向二、向HTML文档中添加文档中添加JavaScript脚本脚本 1. 标签标签

3、（1）成对成对使用使用,JavaScrip代码在代码在与与之间；之间； （2）Language属性，用于指定语言类型；属性，用于指定语言类型； 例例: （3）也可以通过设置）也可以通过设置 type 属性来表明要属性来表明要应用的语言应用的语言: 2. src属性与属性与JavaScript脚本插入脚本插入 （1）通过）通过标签的标签的src属性实现在属性实现在HTML文档中插入文档中插入JavaScript脚本脚本,格式如下：格式如下：显然显然, ,srcsrc属性的值是一个指向属性的值是一个指向外部脚本外部脚本的的URL路径路径( (注意注意相对相对与与绝对绝对路径路径);); 使用外部脚

4、本的优点是它同页面的逻辑、结使用外部脚本的优点是它同页面的逻辑、结构、浏览器结果是分开的，便于构、浏览器结果是分开的，便于多个多个页面页面引用引用同一个脚本。同一个脚本。 （2）在）在HTML文档中文档中插入插入JavaScript脚本的脚本的其他方法其他方法例例:document.write(“”) 说明，此语句提供了一种用指令说明，此语句提供了一种用指令write将指定将指定内容灵活写入内容灵活写入HTML文档的方法和途径。文档的方法和途径。 3. 系统信息提示函数系统信息提示函数 （1）警告信息）警告信息: window.alert(“提示信息提示信息”) 系统会弹出一个警告框系统会弹出

5、一个警告框,只有只有“确定确定”按钮按钮,注意注意,alert(“提示信息提示信息”)中的中的 “ ”不可省略不可省略; （2）确认信息确认信息： window.confirm(“提示信息提示信息”) 系统会弹出一个警告框，有确定、取消系统会弹出一个警告框，有确定、取消2个按钮。个按钮。 4. JavaScript代码在代码在HTML文档的位置文档的位置 （1）与与之间之间 一般在一般在HTML文档的文档的与与之间是之间是自定义函数自定义函数的位置，该函数只有被的位置，该函数只有被调用调用时，才会被时，才会被执行。执行。 （2）在）在与与之间之间 在在与与之间的之间的JavaScript 代码

6、，在代码，在该页面被该页面被加载加载时执行时执行; 注意注意，JavaScrip代码一定要放在代码一定要放在标签标签与与之间。之间。 一个javaScript学习程序 请注意以下请注意以下Javascript程序运行结果。程序运行结果。 document.write() window.alert(“今天是2013年4月10日。) 2 2.2 JavaScript编程基础编程基础 说明：说明： JavaScript是一种对是一种对大小写敏感大小写敏感的语言，的语言，其各个方面，包括关键词、运算符、变量名、其各个方面，包括关键词、运算符、变量名、事件处理程序（函数名）、对象属性等，都事件处理程序（

7、函数名）、对象属性等，都是对大小写敏感的。是对大小写敏感的。 注释：注释： （1）单行）单行注释注释，以双斜杠，以双斜杠“/“开始；开始； （2）跨行注释，以）跨行注释，以“/*”开始，以开始，以“*/”结结束。束。 1变量变量 （1）定义方式：）定义方式：var 变量变量 （2）赋值：）赋值：A=5、B=”abcdefg” 2运算符与表达式运算符与表达式 （1）算术运算符）算术运算符 + - + - * * / % / %（取模操作，返回除法的（取模操作，返回除法的余数）余数） （2）比较操作符）比较操作符 等于等于= =；不等于；不等于!=； . （2）逻辑操作符）逻辑操作符 &（

8、与）；（与）；|（或）；（或）；! （非）（非） （3）new操作符操作符 为 一 个 用 户 自 定 义 对 象 类 型 或为 一 个 用 户 自 定 义 对 象 类 型 或JavaScript内置对象类型创建一个实例。内置对象类型创建一个实例。 var myDate=new Date()2 2.3 JavaScript中的对象中的对象 JavaScript是面向对象的语言，是面向对象的语言，其基其基本本对象对象见下表：见下表： 一、一、window对象和对象和document对象对象 （1）window对象是浏览器对象是浏览器窗口对象窗口对象； （2）window对象之下是对象之下是doc

9、ument对象对象,也也称为称为HTML页面对象页面对象，其有一个方法，其有一个方法write( ),功能是将字符串写入当前功能是将字符串写入当前HTML页面中页面中; 例：例： window.document.write( “hello，你好！你好！”)在大多数情况下只一个在大多数情况下只一个窗口，窗口， window可省略可省略 （3）对象的应用，如果要读取前述程序中）对象的应用，如果要读取前述程序中用户名输入框的用户名输入框的值值，可以表示为：，可以表示为： window.document.form1.user.value一般一般表示表示为为: form1.user.value 这是一个

10、表单学习程序 欢迎使用本系统查询信息： 用户名： 密码： 单击按钮 var a1= form1.psw.value alert(用户密码:+a1) 二、创建对象二、创建对象 JavaScript使用使用 new 运算符来创建一个新对象；运算符来创建一个新对象； 1. 数组对象数组对象Array （1）创建数组）创建数组 var student=new Array(3) 创建了一个具有创建了一个具有3个元素的数组个元素的数组student，数组数组索索引引从从0开始开始,各元素分别是各元素分别是student0、student1、student2； var student=new Array(“

11、张三张三”,”李四李四”,”王王五五”)则则 student0= “张三张三” （2）属性）属性 调用调用Array对象属性的语法为对象属性的语法为:对象对象.属性名属性名 例：例： a=student0.length 例例：student.sort() 2. 日期对象日期对象Date （1）日期对象）日期对象Date用于处理日期和时间用于处理日期和时间,使使用时先用用时先用new创建一个创建一个Date对象实例对象实例,例如：例如：var d=new Date() （2）常用方法）常用方法: 对象对象. 方法名方法名日期对象学习程序日期对象学习程序 今天的日期是：今天的日期是： var d=

12、new Date() var x,yer,mon,day day=d.getDate() mon=d.getMonth()+1 yer=d.getYear() x=yer+年年+mon+月月+day+日日 document.write(+x+) 3. 数学对象数学对象Math （1）数学对象）数学对象Math是是静态静态的，可以直接访的，可以直接访问它的属性。问它的属性。 （2）Math对象提供的对象提供的常量常量,例如例如 =3.14 （3）Math对象提供的对象提供的方法方法 例：使用例：使用Math.sqrt(arg)计算计算arg的平方根的平方根 这是一个表单学习程序 欢迎使用本系统查

13、询信息： A： B： var a1= form1.a.value var b1= form1.b.value var c1 c1=Math.sqrt(a1*a1+b1*b1) alert(运算结果:+c1) 2 2.4 JavaScript程序流程控制程序流程控制 1.条件语句条件语句if (条件条件) else . 有的资料每条语句以分号结束也可以有的资料每条语句以分号结束也可以 2. 循环语句循环语句for (var i=0;i=20;i+) .2 2.4 JavaScript中的函数中的函数 1. 函数参数传递函数参数传递 （1）在）在JavaScript中，基本数据类型按照中，基本数据

14、类型按照值值进行传递，即当某个变量传递给函数时是进行传递，即当某个变量传递给函数时是传递它的副本，函数中这个值的变化传递它的副本，函数中这个值的变化不影响不影响原始的变量原始的变量; （2）如果传递组合数据类型，例如）如果传递组合数据类型，例如数组数组、对象，那么传递的就是对其引用而不是其值对象，那么传递的就是对其引用而不是其值; ; 2. 函数的调用与返回函数的调用与返回 （1）常用以下）常用以下格式格式获取数据作为函数参数获取数据作为函数参数 form1.user.value （2）一般情况下，使用一般情况下，使用return语句从函数语句从函数中返回数据，但也可以利用参数返回结果：中返回

15、数据，但也可以利用参数返回结果： return(x)其中其中x 为函数返回值；为函数返回值； 这是一个表单学习程序这是一个表单学习程序 function calcu(x,y)var z=0z=x+y window.alert(A+B=+z) 欢迎使用本系统进行计算：欢迎使用本系统进行计算： A： B： 计算计算A+B 8 8.6 JavaScript的使用的使用 一、窗口操作一、窗口操作 1JavaScript对话框操作对话框操作 （1）确认）确认:window.confirm(“提示信息提示信息”); （2）2个按钮个按钮,有有两个两个返回返回值值true/false,即选即选择确定按钮返回

16、择确定按钮返回true,选取消按钮返回选取消按钮返回false; （3）识别选择的按钮：）识别选择的按钮： a=confirm(今天是今天是2010年年11月月6日日)通过判断通过判断a的值就可以识别选择的按钮。的值就可以识别选择的按钮。 2打开和关闭普通窗口打开和关闭普通窗口 （1）打开普通窗口）打开普通窗口 window.open(url,name,feature,replace) 其中其中:url窗口中打开的窗口中打开的HTML文档文档 name窗口的名称窗口的名称 feature用逗号界定的字符串用逗号界定的字符串,列出窗列出窗口的特征口的特征,如如height=300,width=5

17、00 replace是一个可选项是一个可选项,取值取值1、0,说说明是否用定义的明是否用定义的url的内容取代窗口中内容。的内容取代窗口中内容。例；用普通窗口打开例；用普通窗口打开 study3.html页面页面window.open(study3.html,mywin,height=300,width=500) （2）关闭普通窗口）关闭普通窗口 window.close() （3）其他属性：其他属性： toolbar,location,directories,status,menubar,scrollbars,resizable 二、输入界面制作与数据读取二、输入界面制作与数据读取 一个应用

18、系统，最复杂的是一个应用系统，最复杂的是2项项工作，一是工作，一是设计数据输入设计数据输入界面界面，二是把数据存入，二是把数据存入数据库数据库, ,目前由于高级语言目前由于高级语言( (如如VB.NET)在网页界面设在网页界面设计功能不是很强大，因此，有效的输入界面计功能不是很强大，因此，有效的输入界面制作暂时还主要依靠制作暂时还主要依靠HTML文档。文档。 1 1. 输入界面输入界面设计方法设计方法 目前，常用目前，常用表单表单与与表格表格组合，在每个表格组合，在每个表格的单元格中设置文本输入框的方式来解决的单元格中设置文本输入框的方式来解决 ；例例: :设计设计页面页面, ,实现如下学生基本数据输入实现如下学生基本数据输入; ;表格输入程序表格输入程序function judg() if (form1.xm.value.length=0 | form1.xm.value.length2)alert(姓名输入错误姓名输入错