《JAVASCRIPT語法基礎(chǔ).ppt》由會(huì)員分享,可在線閱讀,更多相關(guān)《JAVASCRIPT語法基礎(chǔ).ppt(33頁珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、JavaScript 語法基礎(chǔ),2,回 顧,了解 DHTML 樣式表 什么是樣式表 為什么要使用樣式表 樣式表的語法規(guī)則 創(chuàng)建并使用樣式表,3,目標(biāo),理解什么是JavaScript 理解JavaScript的語法基礎(chǔ),4,什么是JavaScript,JavaScript是一種基于對(duì)象的腳本語言,用于開發(fā)基于客戶端和基于服務(wù)器的Internet應(yīng)用程序 可用于創(chuàng)建客戶端腳本和服務(wù)器端腳本 由Sun Microsystems 和 Netscape 開發(fā),是從 Netscapes 的 Livescript 發(fā)展而來的,5,JavaScript的作用和基本語法規(guī)則,使用 JavaScript 的各種功
2、能,可以增強(qiáng)站點(diǎn)的動(dòng)態(tài)性和交互性。 提供用戶交互 動(dòng)態(tài)更改內(nèi)容 驗(yàn)證數(shù)據(jù) 與其他任何語言一樣,JavaScript 也遵循一些基本的語法規(guī)則,如: 區(qū)分大小寫 使用成對(duì)的符號(hào) 使用空格 使用注釋,6,JavaScript 工具和運(yùn)行時(shí)環(huán)境,JavaScript 代碼生成工具和 IDE 有助于創(chuàng)建功能強(qiáng)大的 JavaScript 代碼。以下是其中一些工具: 對(duì)話框 彈出菜單生成器 遠(yuǎn)程控件 運(yùn)行時(shí)環(huán)境 客戶端腳本編寫 Web 服務(wù)器上的 JavaScript,7,JavaScript作為客戶端程序嵌入網(wǎng)頁,使用Script標(biāo)記 使用外部文件 在事件處理程序中使用JavaScript,8,使用Sc
3、ript標(biāo)記示例, 祝學(xué)有所成!!! ,,9,使用外部文件示例, 祝學(xué)有所成!!! ,document.write(嗨!你好嗎?),test.js,,10,在事件處理程序中使用JavaScript示例, JavaScript示例 ,,11,使用Alert/Confirm/Write方法,使用窗口的Alert方法,可以生成一個(gè)對(duì)話框 使用窗口的Confirm方法,可以生成一個(gè)確認(rèn)對(duì)話框 使用document的Write方法可以創(chuàng)建頁面內(nèi)容, ,12,變 量,變量是一種引用內(nèi)存位置的容器,用于保存在執(zhí)行腳本時(shí)可以更改的值 變量的命令約定 變量名必須以字母
4、或下劃線 (_) 開頭 變量名可以包含數(shù)字 由于JavaScript區(qū)分大小寫,所以可用的字母包括A到Z(大寫)和a到z(小寫)的字符,13,聲明變量,var new_amount; var answer = null; var old_cost = 12.50; var result =Unknown result; var a, b, c; result = true;,14,變量的作用域,15,數(shù)據(jù)類型,在JavaScript中有四種基本的數(shù)據(jù)類型 基本類型屬于弱類型,16,運(yùn)算符,算術(shù)運(yùn)算符 比較運(yùn)算符 邏輯運(yùn)算符 字符串運(yùn)算符 求值運(yùn)算符,17,算術(shù)運(yùn)算符,18,比較運(yùn)算符,19,邏
5、輯運(yùn)算符,20,字符串運(yùn)算符,x = yellow; y = green; z = x + y + white; 則z為yellowgreenwhite w = y + 9; 則w為green9,21,求值運(yùn)算符,通常這些運(yùn)算符包括: 條件運(yùn)算符: (condition) ? trueVal : falseVal typeof 運(yùn)算符 typeof 運(yùn)算符返回字符串,該字符串代表操作數(shù)的類型,var x = 5; document.write(typeof(x));,status = (age = 18) ? adult : minor,22,表達(dá)式,表達(dá)式用于在不同上下文中操作和計(jì)算變
6、量。 表達(dá)式是任意一組有效的文字、變量和運(yùn)算符,其計(jì)算結(jié)果為一個(gè)值。 表達(dá)式類型 算術(shù):計(jì)算結(jié)果為一個(gè)數(shù)字 邏輯:計(jì)算結(jié)果為一個(gè)布爾值 字符串:計(jì)算結(jié)果為一個(gè)字符串 表達(dá)式通過運(yùn)算符組合變量和文字,23,數(shù) 組,數(shù)組用于存儲(chǔ)具有相同數(shù)據(jù)類型的一組值,使用下標(biāo)(索引)來區(qū)分各個(gè)值。 在JavaScript中,數(shù)組的下標(biāo)以零開始。 JavaScript沒有明確的數(shù)組數(shù)據(jù)類型,但卻有內(nèi)置的數(shù)組對(duì)象。要在程序中使用數(shù)組,必須使用數(shù)組對(duì)象及其相關(guān)聯(lián)的方法。,24,創(chuàng)建數(shù)組,語法: arrayObjectName = new Array(element0, element1, ..., elementN)
7、 初始化 1.將指定的值作為其元素 2.使用arrayName = new Array(N),,對(duì)象名,元素值列表,,,25,數(shù)組賦值,在創(chuàng)建數(shù)組時(shí)將元素的值直接賦給數(shù)組。 對(duì)數(shù)組的元素賦值。, ,26,訪問數(shù)組元素,指定元素名 指定元素的索引號(hào),empRyan Dias emp0,27,數(shù)組對(duì)象的元素和方法,length屬性 sort方法 join方法 reverse方法, ,28,多維數(shù)組, ,29,條件語句,if else語句 switch語句,if (condition) statements; else statements2; ,switch (expression) c
8、ase value1: statements; break; case value2: statements; break; ... default :statements; ,30,循環(huán)語句,for dowhile while break continue,31,函 數(shù),預(yù)定義函數(shù) eval 函數(shù) isNaN 函數(shù) 用戶自定義函數(shù) 創(chuàng)建用戶定義的函數(shù) 調(diào)用函數(shù) return 語句,function funcName(argument1,argument2,etc) statements; ,32,函數(shù)示例, function hello( ) document.write (你好!)
9、; document.write (歡迎使用hello( )函數(shù)); return; function sum_up ( one, two) var result = one + two; return result; function sum_all ( ) var loop=0, sum=0; for ( loop = arguments.length-1; loop =0; loop--) sum += argumentsloop; return sum; hello(); var total = sum_up(7, 9); document.write ( total + + sum
10、_up ( 8, 15)); document.write ( + sum_all ( 1, 5, 8,7, 6) ); ,33,總 結(jié),JavaScript是一種腳本語言,使用它可以創(chuàng)建客戶端腳本和服務(wù)器端腳本。 可以使用不同的方法將JavaScript語句插入到HTML文檔中。 JavaScript支持的基本數(shù)據(jù)類型有數(shù)字型、邏輯型或布爾型 、字符串型 和空型。 JavaScript支持的運(yùn)算符包括:算術(shù)運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符、字符串運(yùn)算符和求值運(yùn)算符。 數(shù)組用于存儲(chǔ)具有相同數(shù)據(jù)類型的一組值變量 條件語句包括:if ...else和分支語句switch。 循環(huán)語句包括for循環(huán)、dowhile、while、break & continue語句。 JavaScript具有一些預(yù)定義函數(shù),也可以創(chuàng)建自定義函數(shù)。,