htmlJavaScript語法基礎(chǔ).ppt

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