物流信息處理8w

1、2 2.1 JavaScript概述概述 一、概述一、概述 1. JavaScript語言特點(diǎn)語言特點(diǎn) （1）是一種腳本語言，可直接）是一種腳本語言，可直接嵌入嵌入到到HTML文檔中，瀏覽器能在網(wǎng)頁下載后解釋執(zhí)行文檔中，瀏覽器能在網(wǎng)頁下載后解釋執(zhí)行; （2）功能較強(qiáng)）功能較強(qiáng);第二章第二章 網(wǎng)頁腳本語言網(wǎng)頁腳本語言 JavaScript 2. JavaScript組成組成 （1）核心語言，包括基本語法）核心語言，包括基本語法; （2）客戶端客戶端擴(kuò)展，包括瀏覽器的對(duì)象和文擴(kuò)展，包括瀏覽器的對(duì)象和文檔模型。在客戶端編寫的腳本中，就可以對(duì)檔模型。在客戶端編寫的腳本中，就可以對(duì)頁面上的頁面上的對(duì)象對(duì)

2、象進(jìn)行進(jìn)行控制控制，如在頁面上處理，如在頁面上處理mouse單擊、表單輸入等單擊、表單輸入等; （3）服務(wù)器服務(wù)器端擴(kuò)展，包括服務(wù)器上運(yùn)行的端擴(kuò)展，包括服務(wù)器上運(yùn)行的對(duì)象，這些對(duì)象，這些對(duì)象對(duì)象可以和可以和數(shù)據(jù)庫數(shù)據(jù)庫互連，可以對(duì)互連，可以對(duì)服務(wù)器上文件進(jìn)行控制，可以在應(yīng)用程序之服務(wù)器上文件進(jìn)行控制，可以在應(yīng)用程序之間交換信息等間交換信息等; ; 3常用常用腳本語言腳本語言 （1）JavaScript語言，常用于客戶端；語言，常用于客戶端； （2）VBScript語言語言，常用于服務(wù)器端；，常用于服務(wù)器端； 二、向二、向HTML文檔中添加文檔中添加JavaScript腳本腳本 1. 標(biāo)簽標(biāo)簽

3、（1）成對(duì)成對(duì)使用使用,JavaScrip代碼在代碼在與與之間；之間； （2）Language屬性，用于指定語言類型；屬性，用于指定語言類型； 例例: （3）也可以通過設(shè)置）也可以通過設(shè)置 type 屬性來表明要屬性來表明要應(yīng)用的語言應(yīng)用的語言: 2. src屬性與屬性與JavaScript腳本插入腳本插入 （1）通過）通過標(biāo)簽的標(biāo)簽的src屬性實(shí)現(xiàn)在屬性實(shí)現(xiàn)在HTML文檔中插入文檔中插入JavaScript腳本腳本,格式如下：格式如下：顯然顯然, ,srcsrc屬性的值是一個(gè)指向?qū)傩缘闹凳且粋€(gè)指向外部腳本外部腳本的的URL路徑路徑( (注意注意相對(duì)相對(duì)與與絕對(duì)絕對(duì)路徑路徑);); 使用外部腳

4、本的優(yōu)點(diǎn)是它同頁面的邏輯、結(jié)使用外部腳本的優(yōu)點(diǎn)是它同頁面的邏輯、結(jié)構(gòu)、瀏覽器結(jié)果是分開的，便于構(gòu)、瀏覽器結(jié)果是分開的，便于多個(gè)多個(gè)頁面頁面引用引用同一個(gè)腳本。同一個(gè)腳本。 （2）在）在HTML文檔中文檔中插入插入JavaScript腳本的腳本的其他方法其他方法例例:document.write(“”) 說明，此語句提供了一種用指令說明，此語句提供了一種用指令write將指定將指定內(nèi)容靈活寫入內(nèi)容靈活寫入HTML文檔的方法和途徑。文檔的方法和途徑。 3. 系統(tǒng)信息提示函數(shù)系統(tǒng)信息提示函數(shù) （1）警告信息）警告信息: window.alert(“提示信息提示信息”) 系統(tǒng)會(huì)彈出一個(gè)警告框系統(tǒng)會(huì)彈出

5、一個(gè)警告框,只有只有“確定確定”按鈕按鈕,注意注意,alert(“提示信息提示信息”)中的中的 “ ”不可省略不可省略; （2）確認(rèn)信息確認(rèn)信息： window.confirm(“提示信息提示信息”) 系統(tǒng)會(huì)彈出一個(gè)警告框，有確定、取消系統(tǒng)會(huì)彈出一個(gè)警告框，有確定、取消2個(gè)按鈕。個(gè)按鈕。 4. JavaScript代碼在代碼在HTML文檔的位置文檔的位置 （1）與與之間之間 一般在一般在HTML文檔的文檔的與與之間是之間是自定義函數(shù)自定義函數(shù)的位置，該函數(shù)只有被的位置，該函數(shù)只有被調(diào)用調(diào)用時(shí)，才會(huì)被時(shí)，才會(huì)被執(zhí)行。執(zhí)行。 （2）在）在與與之間之間 在在與與之間的之間的JavaScript 代碼

6、，在代碼，在該頁面被該頁面被加載加載時(shí)執(zhí)行時(shí)執(zhí)行; 注意注意，JavaScrip代碼一定要放在代碼一定要放在標(biāo)簽標(biāo)簽與與之間。之間。 一個(gè)javaScript學(xué)習(xí)程序 請(qǐng)注意以下請(qǐng)注意以下Javascript程序運(yùn)行結(jié)果。程序運(yùn)行結(jié)果。 document.write() window.alert(“今天是2013年4月10日。) 2 2.2 JavaScript編程基礎(chǔ)編程基礎(chǔ) 說明：說明： JavaScript是一種對(duì)是一種對(duì)大小寫敏感大小寫敏感的語言，的語言，其各個(gè)方面，包括關(guān)鍵詞、運(yùn)算符、變量名、其各個(gè)方面，包括關(guān)鍵詞、運(yùn)算符、變量名、事件處理程序（函數(shù)名）、對(duì)象屬性等，都事件處理程序（

7、函數(shù)名）、對(duì)象屬性等，都是對(duì)大小寫敏感的。是對(duì)大小寫敏感的。 注釋：注釋： （1）單行）單行注釋注釋，以雙斜杠，以雙斜杠“/“開始；開始； （2）跨行注釋，以）跨行注釋，以“/*”開始，以開始，以“*/”結(jié)結(jié)束。束。 1變量變量 （1）定義方式：）定義方式：var 變量變量 （2）賦值：）賦值：A=5、B=”abcdefg” 2運(yùn)算符與表達(dá)式運(yùn)算符與表達(dá)式 （1）算術(shù)運(yùn)算符）算術(shù)運(yùn)算符 + - + - * * / % / %（取模操作，返回除法的（取模操作，返回除法的余數(shù)）余數(shù)） （2）比較操作符）比較操作符 等于等于= =；不等于；不等于!=； . （2）邏輯操作符）邏輯操作符 &（

8、與）；（與）；|（或）；（或）；! （非）（非） （3）new操作符操作符 為 一 個(gè) 用 戶 自 定 義 對(duì) 象 類 型 或?yàn)?一 個(gè) 用 戶 自 定 義 對(duì) 象 類 型 或JavaScript內(nèi)置對(duì)象類型創(chuàng)建一個(gè)實(shí)例。內(nèi)置對(duì)象類型創(chuàng)建一個(gè)實(shí)例。 var myDate=new Date()2 2.3 JavaScript中的對(duì)象中的對(duì)象 JavaScript是面向?qū)ο蟮恼Z言，是面向?qū)ο蟮恼Z言，其基其基本本對(duì)象對(duì)象見下表：見下表： 一、一、window對(duì)象和對(duì)象和document對(duì)象對(duì)象 （1）window對(duì)象是瀏覽器對(duì)象是瀏覽器窗口對(duì)象窗口對(duì)象； （2）window對(duì)象之下是對(duì)象之下是doc

9、ument對(duì)象對(duì)象,也也稱為稱為HTML頁面對(duì)象頁面對(duì)象，其有一個(gè)方法，其有一個(gè)方法write( ),功能是將字符串寫入當(dāng)前功能是將字符串寫入當(dāng)前HTML頁面中頁面中; 例：例： window.document.write( “hello，你好！你好！”)在大多數(shù)情況下只一個(gè)在大多數(shù)情況下只一個(gè)窗口，窗口， window可省略可省略 （3）對(duì)象的應(yīng)用，如果要讀取前述程序中）對(duì)象的應(yīng)用，如果要讀取前述程序中用戶名輸入框的用戶名輸入框的值值，可以表示為：，可以表示為： window.document.form1.user.value一般一般表示表示為為: form1.user.value 這是一個(gè)

10、表單學(xué)習(xí)程序 歡迎使用本系統(tǒng)查詢信息： 用戶名： 密碼： 單擊按鈕 var a1= form1.psw.value alert(用戶密碼:+a1) 二、創(chuàng)建對(duì)象二、創(chuàng)建對(duì)象 JavaScript使用使用 new 運(yùn)算符來創(chuàng)建一個(gè)新對(duì)象；運(yùn)算符來創(chuàng)建一個(gè)新對(duì)象； 1. 數(shù)組對(duì)象數(shù)組對(duì)象Array （1）創(chuàng)建數(shù)組）創(chuàng)建數(shù)組 var student=new Array(3) 創(chuàng)建了一個(gè)具有創(chuàng)建了一個(gè)具有3個(gè)元素的數(shù)組個(gè)元素的數(shù)組student，數(shù)組數(shù)組索索引引從從0開始開始,各元素分別是各元素分別是student0、student1、student2； var student=new Array(“

11、張三張三”,”李四李四”,”王王五五”)則則 student0= “張三張三” （2）屬性）屬性 調(diào)用調(diào)用Array對(duì)象屬性的語法為對(duì)象屬性的語法為:對(duì)象對(duì)象.屬性名屬性名 例：例： a=student0.length 例例：student.sort() 2. 日期對(duì)象日期對(duì)象Date （1）日期對(duì)象）日期對(duì)象Date用于處理日期和時(shí)間用于處理日期和時(shí)間,使使用時(shí)先用用時(shí)先用new創(chuàng)建一個(gè)創(chuàng)建一個(gè)Date對(duì)象實(shí)例對(duì)象實(shí)例,例如：例如：var d=new Date() （2）常用方法）常用方法: 對(duì)象對(duì)象. 方法名方法名日期對(duì)象學(xué)習(xí)程序日期對(duì)象學(xué)習(xí)程序 今天的日期是：今天的日期是： 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. 數(shù)學(xué)對(duì)象數(shù)學(xué)對(duì)象Math （1）數(shù)學(xué)對(duì)象）數(shù)學(xué)對(duì)象Math是是靜態(tài)靜態(tài)的，可以直接訪的，可以直接訪問它的屬性。問它的屬性。 （2）Math對(duì)象提供的對(duì)象提供的常量常量,例如例如 =3.14 （3）Math對(duì)象提供的對(duì)象提供的方法方法 例：使用例：使用Math.sqrt(arg)計(jì)算計(jì)算arg的平方根的平方根 這是一個(gè)表單學(xué)習(xí)程序 歡迎使用本系統(tǒng)查

13、詢信息： A： B： var a1= form1.a.value var b1= form1.b.value var c1 c1=Math.sqrt(a1*a1+b1*b1) alert(運(yùn)算結(jié)果:+c1) 2 2.4 JavaScript程序流程控制程序流程控制 1.條件語句條件語句if (條件條件) else . 有的資料每條語句以分號(hào)結(jié)束也可以有的資料每條語句以分號(hào)結(jié)束也可以 2. 循環(huán)語句循環(huán)語句for (var i=0;i=20;i+) .2 2.4 JavaScript中的函數(shù)中的函數(shù) 1. 函數(shù)參數(shù)傳遞函數(shù)參數(shù)傳遞 （1）在）在JavaScript中，基本數(shù)據(jù)類型按照中，基本數(shù)據(jù)

14、類型按照值值進(jìn)行傳遞，即當(dāng)某個(gè)變量傳遞給函數(shù)時(shí)是進(jìn)行傳遞，即當(dāng)某個(gè)變量傳遞給函數(shù)時(shí)是傳遞它的副本，函數(shù)中這個(gè)值的變化傳遞它的副本，函數(shù)中這個(gè)值的變化不影響不影響原始的變量原始的變量; （2）如果傳遞組合數(shù)據(jù)類型，例如）如果傳遞組合數(shù)據(jù)類型，例如數(shù)組數(shù)組、對(duì)象，那么傳遞的就是對(duì)其引用而不是其值對(duì)象，那么傳遞的就是對(duì)其引用而不是其值; ; 2. 函數(shù)的調(diào)用與返回函數(shù)的調(diào)用與返回 （1）常用以下）常用以下格式格式獲取數(shù)據(jù)作為函數(shù)參數(shù)獲取數(shù)據(jù)作為函數(shù)參數(shù) form1.user.value （2）一般情況下，使用一般情況下，使用return語句從函數(shù)語句從函數(shù)中返回?cái)?shù)據(jù)，但也可以利用參數(shù)返回結(jié)果：中返回

15、數(shù)據(jù)，但也可以利用參數(shù)返回結(jié)果： return(x)其中其中x 為函數(shù)返回值；為函數(shù)返回值； 這是一個(gè)表單學(xué)習(xí)程序這是一個(gè)表單學(xué)習(xí)程序 function calcu(x,y)var z=0z=x+y window.alert(A+B=+z) 歡迎使用本系統(tǒng)進(jìn)行計(jì)算：歡迎使用本系統(tǒng)進(jìn)行計(jì)算： A： B： 計(jì)算計(jì)算A+B 8 8.6 JavaScript的使用的使用 一、窗口操作一、窗口操作 1JavaScript對(duì)話框操作對(duì)話框操作 （1）確認(rèn)）確認(rèn):window.confirm(“提示信息提示信息”); （2）2個(gè)按鈕個(gè)按鈕,有有兩個(gè)兩個(gè)返回返回值值true/false,即選即選擇確定按鈕返回

16、擇確定按鈕返回true,選取消按鈕返回選取消按鈕返回false; （3）識(shí)別選擇的按鈕：）識(shí)別選擇的按鈕： a=confirm(今天是今天是2010年年11月月6日日)通過判斷通過判斷a的值就可以識(shí)別選擇的按鈕。的值就可以識(shí)別選擇的按鈕。 2打開和關(guān)閉普通窗口打開和關(guān)閉普通窗口 （1）打開普通窗口）打開普通窗口 window.open(url,name,feature,replace) 其中其中:url窗口中打開的窗口中打開的HTML文檔文檔 name窗口的名稱窗口的名稱 feature用逗號(hào)界定的字符串用逗號(hào)界定的字符串,列出窗列出窗口的特征口的特征,如如height=300,width=5

17、00 replace是一個(gè)可選項(xiàng)是一個(gè)可選項(xiàng),取值取值1、0,說說明是否用定義的明是否用定義的url的內(nèi)容取代窗口中內(nèi)容。的內(nèi)容取代窗口中內(nèi)容。例；用普通窗口打開例；用普通窗口打開 study3.html頁面頁面window.open(study3.html,mywin,height=300,width=500) （2）關(guān)閉普通窗口）關(guān)閉普通窗口 window.close() （3）其他屬性：其他屬性： toolbar,location,directories,status,menubar,scrollbars,resizable 二、輸入界面制作與數(shù)據(jù)讀取二、輸入界面制作與數(shù)據(jù)讀取 一個(gè)應(yīng)用

18、系統(tǒng)，最復(fù)雜的是一個(gè)應(yīng)用系統(tǒng)，最復(fù)雜的是2項(xiàng)項(xiàng)工作，一是工作，一是設(shè)計(jì)數(shù)據(jù)輸入設(shè)計(jì)數(shù)據(jù)輸入界面界面，二是把數(shù)據(jù)存入，二是把數(shù)據(jù)存入數(shù)據(jù)庫數(shù)據(jù)庫, ,目前由于高級(jí)語言目前由于高級(jí)語言( (如如VB.NET)在網(wǎng)頁界面設(shè)在網(wǎng)頁界面設(shè)計(jì)功能不是很強(qiáng)大，因此，有效的輸入界面計(jì)功能不是很強(qiáng)大，因此，有效的輸入界面制作暫時(shí)還主要依靠制作暫時(shí)還主要依靠HTML文檔。文檔。 1 1. 輸入界面輸入界面設(shè)計(jì)方法設(shè)計(jì)方法 目前，常用目前，常用表單表單與與表格表格組合，在每個(gè)表格組合，在每個(gè)表格的單元格中設(shè)置文本輸入框的方式來解決的單元格中設(shè)置文本輸入框的方式來解決 ；例例: :設(shè)計(jì)設(shè)計(jì)頁面頁面, ,實(shí)現(xiàn)如下學(xué)生基本數(shù)據(jù)輸入實(shí)現(xiàn)如下學(xué)生基本數(shù)據(jù)輸入; ;表格輸入程序表格輸入程序function judg() if (form1.xm.value.length=0 | form1.xm.value.length2)alert(姓名輸入錯(cuò)誤姓名輸入錯(cuò)