版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
第5章Javascript第1講Javascript基本語(yǔ)法軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉學(xué)習(xí)目標(biāo)軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉明確用戶注冊(cè)的處理流程和主要界面Javascript的基本概念，如何在HTML中嵌入
Javascript代碼，Javascript代碼何時(shí)執(zhí)行Javascript的基本語(yǔ)法Javascript的事件處理機(jī)制與HTML的交互性用戶注冊(cè)的功能軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉通過(guò)注冊(cè)功能，設(shè)置登錄個(gè)人銀行的密碼用戶注冊(cè)的流程軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉在注冊(cè)界面–輸入其在聯(lián)合銀行的賬戶的賬號(hào)、賬戶姓名、賬戶所屬分支銀行–設(shè)置個(gè)人銀行的密碼服務(wù)器端驗(yàn)證用戶是否銀行客戶–如果通過(guò)驗(yàn)證并且沒(méi)有注冊(cè)過(guò)，將設(shè)置的密碼和賬號(hào)保存到數(shù)據(jù)庫(kù)中–否則給出注冊(cè)失敗提示信息用戶注冊(cè)的界面軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉如果錄入信息不合法：如不完整或兩次錄入的密碼不一致，則顯示如下提示信息。合法性檢查不需要訪問(wèn)服務(wù)器，所以可以在客戶端處理，如用Javascript腳本軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉注冊(cè)成功界面軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉注冊(cè)失敗界面軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉Javascript概述軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉Javascript是一種腳本語(yǔ)言Javascript腳本在瀏覽器上運(yùn)行
Javascript腳本可以增強(qiáng)客戶端的處理能力，減少網(wǎng)絡(luò)流量和減輕服務(wù)器的負(fù)擔(dān)
Javascript腳本最典型的應(yīng)用是對(duì)客戶端用戶輸入信息進(jìn)行有效性驗(yàn)證使用標(biāo)記<script>和</script>嵌入到HTML文檔中Javascript的特點(diǎn)軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉案例5-1：?jiǎn)螕簟罢?qǐng)點(diǎn)擊我”按鈕，將調(diào)用腳本中的函數(shù)showMsg()，彈出一個(gè)提示對(duì)話框<script
language="Javascript">function
showMsg(){alert("您剛剛點(diǎn)擊了按鈕！");}</script><FORM><P><INPUT
TYPE="button"
value="請(qǐng)點(diǎn)擊我"onclick="showMsg()"
></p></FORM>Javascript–是一種腳本編寫語(yǔ)言–基于對(duì)象的語(yǔ)言–事件驅(qū)動(dòng)，使網(wǎng)頁(yè)具有交互性–很好的安全性–編程簡(jiǎn)單–比VBscript更好的跨平臺(tái)性軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉編寫使用Javascript腳本的網(wǎng)頁(yè)軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉在HTML文檔中編寫網(wǎng)頁(yè)的靜態(tài)內(nèi)容插入<script>…</script>標(biāo)記在<script>…</script>標(biāo)記之間插入Javascript腳本Javascript腳本的執(zhí)行軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉
Javascript腳本有2類不同的情形，一類是普通的腳本語(yǔ)句，一類是函數(shù)普通的腳本語(yǔ)句在被瀏覽器掃描到時(shí)執(zhí)行函數(shù)被調(diào)用時(shí)才執(zhí)行–通過(guò)具體的調(diào)用語(yǔ)句顯式調(diào)用–通過(guò)事件處理機(jī)制隱式調(diào)用Javascript的基本語(yǔ)法軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉Javascript的數(shù)據(jù)類型Javascript的變量名和關(guān)鍵字Javascript的表達(dá)式和運(yùn)算符Javascript的語(yǔ)句Javascript的函數(shù)Javascript的注釋Javascript的數(shù)據(jù)類型軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉Javascript的數(shù)據(jù)類型包括基本數(shù)據(jù)類型和對(duì)象基本數(shù)據(jù)類型有數(shù)字、布爾、字符串和空數(shù)字包括整數(shù)和實(shí)數(shù)字符串型是用雙引號(hào)“”或單引號(hào)‘’括起來(lái)的字符或數(shù)字布爾型的值只有true或false對(duì)象類型包括各種對(duì)象，例如數(shù)組對(duì)象、日期對(duì)象等Javascript的變量名和關(guān)鍵字軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉Javascript的變量名必須以字母,$或下畫線開(kāi)頭，后面可以包含字母、$、下畫線或數(shù)字,變量名區(qū)分大小Javascript的關(guān)鍵字是Javascript內(nèi)部使用的、具備特定含義的字符，比如var、int、double、true等Javascript采用弱類型的形式，見(jiàn)案例5-3以下是合法的Javascript腳本軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉1．var
today=false;2．today=0.5;3．today=1;4．today="Monday";5．document.write("today的最后值是"+today);Javascript的表達(dá)式和運(yùn)算符軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉
Javascript的運(yùn)算符有很多，如算術(shù)運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符等，這些運(yùn)算符的用法與C語(yǔ)言和Java類似。組合使用常量、變量和運(yùn)算符，可以構(gòu)成編程中需要的表達(dá)式。
案例5-4：提示用戶輸入年齡，根據(jù)用戶的輸入返回不同的信息<HTML><HEAD><TITLE>條件表達(dá)式</TITLE></HEAD><BODY
BGCOLOR="#FFFFFF"><script
>age=prompt("請(qǐng)輸入你的年齡:","");document.write("你的年齡是"+age+"<p>所以你是");document.write(age<18?"未成年人":"成年人")</script></HTML>軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉Javascript的語(yǔ)句軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉同C語(yǔ)言一樣，包括:條件語(yǔ)句,如if語(yǔ)句和switch語(yǔ)句和循環(huán)語(yǔ)句，如for、while和do-while語(yǔ)句還有賦值語(yǔ)句、數(shù)據(jù)聲明語(yǔ)句、函數(shù)調(diào)用語(yǔ)句、return語(yǔ)句特別的有:with語(yǔ)句和for
in語(yǔ)句Javascript的函數(shù)軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉函數(shù)是已命名的語(yǔ)句塊定義函數(shù)的語(yǔ)法如下:function函數(shù)名([參數(shù)表]){語(yǔ)句系列；}案例5-5：定義2個(gè)函數(shù)并調(diào)用它們Javascript中預(yù)定義的函數(shù)Javascript的注釋軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉和C、Java一樣，使用“//”、“/*”與“*/”作為注釋標(biāo)記常用函數(shù)講解parseInt,parseFloat,isNaNalert,prompt軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉第5章Javascript第2講Javascript對(duì)象軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉學(xué)習(xí)目標(biāo)軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉學(xué)習(xí)–JavaScrip的對(duì)象，特別是瀏覽器對(duì)象，在
Javascript腳本中如何通過(guò)瀏覽器對(duì)象訪問(wèn)和控制頁(yè)面元素，如表單中的控件，編寫功能強(qiáng)大的客戶端程序Javascript的對(duì)象軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉在Javascript中有兩類已經(jīng)定義好的對(duì)象可以直接使用:–Javascript語(yǔ)言內(nèi)置對(duì)象,為編寫程序提供一些基本的功能–另一類是瀏覽器對(duì)象,使用這些對(duì)象可以控制頁(yè)面元素的顯示案例5-8：使用日期對(duì)象實(shí)現(xiàn)根據(jù)當(dāng)前時(shí)間在網(wǎng)頁(yè)上顯示一條簡(jiǎn)單的歡迎信息瀏覽器對(duì)象軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉在瀏覽器裝載網(wǎng)頁(yè)時(shí)創(chuàng)建通過(guò)這些對(duì)象訪問(wèn)并控制網(wǎng)頁(yè)中的各種元素瀏覽器對(duì)象的包含關(guān)系–最高層的對(duì)象是窗口對(duì)象（window），它代表當(dāng)前的瀏覽器窗口窗口對(duì)象軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉包括許多有用的屬性和方法，可以使用它們控制瀏覽器窗口中顯示的各個(gè)方面open(pageURL,windowName,parameterList)close()prompt(String,String)alert(String)confirm(String)用window.屬性名和window.方法名或可以直接使用屬性名或方法名，來(lái)引用窗口對(duì)象的屬性和方法案例5-9：使用窗口對(duì)象的open和close方法–openWindowEx.html中使用open方法<INPUT
TYPE=“button”VALUE=“打開(kāi)一個(gè)新的窗口”onclick=‘window.open(“./closeWindowEx.html”,“可示范close方法的窗口”)’>–closeWindowEx.html中使用close方法<INPUT
TYPE="button"VALUE="關(guān)閉窗口"onclick="window.close()"></BODY>軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉文檔對(duì)象軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉代表當(dāng)前在瀏覽器窗口中打開(kāi)的文檔通過(guò)文檔對(duì)象可以訪問(wèn)頁(yè)面上的各種元素用window.document或document來(lái)引用文檔對(duì)象用document.方法名或document.屬性名來(lái)引用文檔對(duì)象的方法或?qū)傩园咐?-10：調(diào)用document對(duì)象的屬性，列舉了文檔的標(biāo)題信息以及其中包含的對(duì)象信息表單對(duì)象軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉表單是瀏覽者與網(wǎng)頁(yè)進(jìn)行交互的重要手段當(dāng)用戶在網(wǎng)頁(yè)中添加了FORM標(biāo)記后，就創(chuàng)建了一個(gè)表單對(duì)象，在其中添加各種控件標(biāo)記，則可創(chuàng)建不同的控件對(duì)象
用document.表單名（name屬性值）或表單名來(lái)訪問(wèn)表單對(duì)象一般用表單對(duì)象.控件對(duì)象名來(lái)訪問(wèn)表單中的各個(gè)控件。類似地，用表單對(duì)象.屬性名與表單對(duì)象.方法名可訪問(wèn)表單對(duì)象的屬性和方法HTML標(biāo)記的屬性與對(duì)象屬性的對(duì)應(yīng)案例5-11：定義了2個(gè)表單form1和form2，讓用戶在第1個(gè)表單中的文本框中輸入英文名，單擊“確定”按鈕后，在第2個(gè)表單的文本框中輸出英文名的長(zhǎng)度–在函數(shù)computeLength()中，用各標(biāo)記的name屬性訪問(wèn)對(duì)應(yīng)的對(duì)象用到String對(duì)象的length屬性使用Number對(duì)象的toString方法軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉案例5-12：對(duì)案例1-4的修改。使用Javascript腳本判斷用戶輸入的郵箱地址是否合法，控制不向某個(gè)有惡意的郵箱地址發(fā)送郵件軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉
用document.myform.mymail.value來(lái)獲得用戶輸入的郵箱地址
用String對(duì)象的indexOf函數(shù)判斷某字符串是否包含特殊的字符
<INPUT
TYPE=“button”VALUE=“確定”onclick=“check()”>定義一個(gè)普通按鈕，并且設(shè)置
onclick屬性為check()案例5-13：修改案例5-12，完成相同的功能。軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉定義一個(gè)提交按鈕<P><INPUT
TYPE="submit"
VALUE="確定"onclick="check()">定義表單時(shí)，設(shè)置表單myform的屬性onsubmit為false
<FORM
NAME="myform"
BGCOLOR="#C0C0C0"onsubmit="false">
在函數(shù)check中，當(dāng)通過(guò)驗(yàn)證后，再設(shè)置onsubmit為truemyform.onsubmit=true;列表框?qū)ο筌浖?xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉可以使用表單名.列表框名來(lái)訪問(wèn)列表框?qū)ο蟆Ａ斜砜驅(qū)ο蟮膶傩詓electedIndex表示列表框中被選中的選項(xiàng)的索引options屬性是表示列表框所有選項(xiàng)的數(shù)組案例5-14：讓用戶從2個(gè)列表框中選擇最喜歡的職業(yè)和正在從事的職業(yè)，根據(jù)用戶的選擇，判斷這個(gè)用戶是否幸運(yùn)案例5-14的下列語(yǔ)句可判斷2個(gè)列表框的選擇是否一樣軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉fSelectedIndex=form.favor.selectedIndex;
pSelectedIndex=f.selectedIndex;if
(form.favor.options[fSelectedIndex].value==f.options[pSelectedIndex].value)歷史對(duì)象軟件項(xiàng)目(B/S架構(gòu))開(kāi)發(fā)》覃國(guó)蓉
歷史對(duì)象history包含以前訪問(wèn)
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 高中語(yǔ)文《荷塘月色》教學(xué)課件-新人教版必修2
- 人教版高中語(yǔ)文必修一課件：第一單元3大堰河我的保姆
- 重慶市烏江新高考協(xié)作體2025屆高三上學(xué)期高考質(zhì)量調(diào)研（一）（9月）數(shù)學(xué)試題 含解析
- EPC總承包合同審查、管理、施工方案
- 安徽省三人行名校聯(lián)2021-2022學(xué)年高一物理第二學(xué)期期末學(xué)業(yè)水平測(cè)試模擬試題含解析
- 安徽省定遠(yuǎn)縣第二中學(xué)2021-2022學(xué)年物理高一第二學(xué)期期末監(jiān)測(cè)試題含解析
- 2022年浙江省臺(tái)州市聯(lián)誼五校物理高一下期末檢測(cè)模擬試題含解析
- 2022年云南省祿豐縣民族中學(xué)高一物理第二學(xué)期期末復(fù)習(xí)檢測(cè)模擬試題含解析
- 2022年物理高一下期末學(xué)業(yè)水平測(cè)試試題含解析
- 2024年氧化鋯纖維隔膜布項(xiàng)目立項(xiàng)申請(qǐng)報(bào)告
- 安全生產(chǎn)管理的事故調(diào)查與處理
- 放射影像技術(shù)在口腔疾病診療中的應(yīng)用效果
- 管線對(duì)接施工方案
- 中考敘述視角示例解讀與強(qiáng)化練習(xí)
- 三年級(jí)下冊(cè)《平均數(shù)》張齊華課件
- 醫(yī)院護(hù)理培訓(xùn)課件：《妊娠劇吐的護(hù)理查房》
- 寄存行李登記表
- 心肺復(fù)蘇考核評(píng)分表
- 一次函數(shù)的面積問(wèn)題專題復(fù)習(xí)課件
- 習(xí)總書記在全國(guó)高校思想政治工作會(huì)議講話精神學(xué)習(xí)解讀-示范課件
- 人教版（2023） 選擇性必修第一冊(cè) Unit 3 Fascinating Parks單元過(guò)關(guān)檢測(cè)（含答案）
評(píng)論
0/150
提交評(píng)論