JavaScript概述和基礎(chǔ)語法.ppt

1、JavaScript 第一章: 概述和基礎(chǔ)語法,目錄,腳本的基本結(jié)構(gòu) JavaScript的組成 JavaScript的基本語法 定義和使用函數(shù),為什么要學JavaScript,表單驗證減輕服務(wù)器端壓力 頁面動態(tài)效果 使用JavaScript實現(xiàn)動態(tài)效果不如jQuery簡潔方便，JavaScript是學習jQuery的基礎(chǔ),什么是JavaScript,JavaScript是一種基于對象和事件驅(qū)動的、并具有安全性能的腳本語言。 JavaScript特點 向HTML頁面中添加交互行為 腳本語言，語法和Java類似 解釋性語言，邊執(zhí)行邊解釋 JavaScript組成,DOM,JavaScript,E

2、CMAScript,BOM,JavaScript的基本結(jié)構(gòu),基本結(jié)構(gòu), , Hello World); - 頁面主體內(nèi)容 ,示例,經(jīng)驗：可以包含在文檔中的任何地方，只要保證這些代碼在被使用前已讀取并加載到內(nèi)存即可。,JavaScript的執(zhí)行原理,網(wǎng)頁中引用JavaScript的方式,使用標簽 外部JS文件 直接在HTML標簽中,JavaScript核心語法,核心語法 語法約定 變量 數(shù)據(jù)類型 數(shù)組 運算符號 控制語句 注釋 輸入/輸出,核心語法-語法約定,代碼區(qū)分大小寫 變量、對象和函數(shù)的名稱 分號,核心語法-變量,先聲明變量再賦值 同時聲明和賦值變量 不聲明直接賦值,var width;

3、width = 5;,var catName= “皮皮”; var x, y, z = 10;,width=5;,核心語法-數(shù)據(jù)類型,數(shù)據(jù)類型 undefined null number boolean string,var width; 變量width沒有初始值，將被賦予值undefined,var iNum=23; /整數(shù) var iNum=23.0; /浮點數(shù),true和false,表示一個空值，與undefined值相等,一組被引號（單引號或雙引號）括起來的文本 var string1=This is a string;,核心語法- String對象,屬性 字符串對象.length 方

4、法 字符串對象.方法名(); 常用方法 charAt(index) indexOf(str，index) substring(index1，index2) split(str),在線教程：,核心語法- typeof運算符,typeof檢測變量的返回值 typeof運算符返回值如下： undefined：變量被聲明后，但未被賦值 string：用單引號或雙引號來聲明的字符串 boolean：true或false number：整數(shù)或浮點數(shù) object：javascript中的對象、數(shù)組和null,核心語法 數(shù)組,創(chuàng)建數(shù)組 var 數(shù)組名稱 = new Array(size); 為數(shù)組元素賦值

5、訪問數(shù)組,var fruit= new Array(apple, orange, peach,bananer);,var fruit = new Array(4); fruit 0 = apple ; fruit 1 = orange ; fruit 2 = peach ; fruit 3 = bananer ;,核心語法-數(shù)組,常用屬性 length 常用方法 join( ) 把數(shù)組的所有元素通過指定的分隔符進行分隔放入一個字符串（默認用“，”） sort() 對數(shù)組的元素進行排序 push() 向數(shù)組的末尾添加一個或更多元素，并返回新的長度,核心語法-運算符號,算術(shù)運算符 + - * /

6、% + - 賦值運算符 = 比較運算符 = = = != 邏輯運算符 prompt() prompt(“提示信息”, “輸入框的默認信息”); prompt(“請輸入姓名”, “張三”); prompt(“請輸入姓名”);,函數(shù),函數(shù) 類似于Java中的方法，是完成特定任務(wù)的代碼語句塊 特點 使用更簡單：不用定義屬于某個類，直接使用 分類 系統(tǒng)函數(shù)和自定義函數(shù),常用函數(shù),parseInt (字符串) 將字符串轉(zhuǎn)換為整型數(shù)字 如: parseInt (86)將字符串“86”轉(zhuǎn)換為整型值86 parseFloat(字符串) 將字符串轉(zhuǎn)換為浮點型數(shù)字 如: parseFloat(34.45)將字符串

7、“34.45”轉(zhuǎn)換為浮點值34.45 isNaN() 用于檢查其參數(shù)是否是非數(shù)字 如: isNaN( abc )，則返回true;,自定義函數(shù),語法 調(diào)用函數(shù) 函數(shù)調(diào)用一般和表單元素的事件一起使用，調(diào)用格式： 事件名 函數(shù)名( ) ;,function 函數(shù)名(參數(shù)1,參數(shù)2,參數(shù)3,) /JavaScript語句; return 返回值 ,函數(shù)調(diào)用,調(diào)用無參函數(shù) 調(diào)用有參函數(shù),function showHello() ,function showHello(count) ,函數(shù)調(diào)用,調(diào)用無參函數(shù) 調(diào)用有參函數(shù),function showHello() ,function showHello(count) ,匿名函數(shù),匿名函數(shù)，即沒有函數(shù)名 定義匿名函數(shù) 調(diào)用匿名函數(shù),var showFun = function (count) for(var i=0;iHello World); ;,變量作用域,var i=20; function first() var i=5; for(var j=0;ji) document.write(t); else document.write(i);