實驗03 HTML5中JavaScript和事件_第1頁
實驗03 HTML5中JavaScript和事件_第2頁
實驗03 HTML5中JavaScript和事件_第3頁
實驗03 HTML5中JavaScript和事件_第4頁
實驗03 HTML5中JavaScript和事件_第5頁
已閱讀5頁，還剩25頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

實驗03HTML5中JavaScript和事件廣州大學(xué)華軟軟件學(xué)院概述JavaScript簡稱js，是一種可以嵌入到HTML頁面中的腳本語言，HTML5提供的很多API都可以在JavaScript程序中調(diào)用，因此學(xué)習(xí)JavaScript編程是閱讀本書后面內(nèi)容的基礎(chǔ)。本章知識點1在HTML中使用JavaScript語言2基本語法3常用語句4函數(shù)5面向?qū)ο蟪绦蛟O(shè)計6JavaScript事件處理1在HTML中使用JavaScript語言1.1在HTML中插入JavaScript代碼1.2使用js文件1.1在HTML中插入JavaScript代碼在HTML文件中使用JavaScript腳本時，JavaScript代碼需要出現(xiàn)在<ScriptLanguage="JavaScript">和</Script>之間。在JavaScript中，使用//作為注釋符。瀏覽器在解釋程序時，將不考慮一行程序中//后面的代碼。1.1在HTML中插入JavaScript代碼【例2-1】一個簡單的在HTML文件中使用JavaScript腳本實例。<HTML><HEAD><TITLE>簡單的JavaScript代碼</TITLE></HEAD><BODY><ScriptLanguage="JavaScript">//下面是JavaScript代碼

document.write("這是一個簡單的JavaScript程序!");

document.close();</Script></BODY></HTML>【例2-1】

1.2使用js文件另外一種插入JavaScript程序的方法是把JavaScript代碼寫到一個.js文件當(dāng)中，然后在HTML文件中引用該js文件，方法如下：<scriptsrc=".js文件"></script>【例2-2】使用引用js文件的方法實現(xiàn)【例2-1】的功能。創(chuàng)建output.js，內(nèi)容如下：

document.write("這是一個簡單的JavaScript程序!");

document.close();HTML文件的代碼如下：<HTML><HEAD><TITLE>簡單的JavaScript代碼</TITLE></HEAD><BODY><Scriptsrc="output.js"></Script></BODY></HTML>2基本語法2.1數(shù)據(jù)類型2.2變量2.3注釋2.4運算符2.1數(shù)據(jù)類型JavaScript包含5種原始數(shù)據(jù)類型

類型具體描述Undefined當(dāng)聲明的變量未初始化時，該變量的默認(rèn)值是undefinedNull空值，如果引用一個沒有定義的變量，則返回空值Boolean布爾類型，包含true和falseString字符串類型，由單引號或雙引號括起來的字符Number數(shù)值類型，可以是32位、64位整數(shù)或浮點數(shù)2.2變量變量是內(nèi)存中命名的存儲位置，可以在程序中設(shè)置和修改變量的值。在JavaScript中，可以使用var關(guān)鍵字聲明變量，聲明變量時不要求指明變量的數(shù)據(jù)類型。例如：varx;也可以在定義變量時為其賦值，例如：varx=1;或者不定義變量，而通過使用變量來確定其類型，例如：x=1;str="Thisisastring";exist=false;JavaScript變量名需要遵守兩條簡單的規(guī)則：

第一個字符必須是字母、下劃線（_）或美元符號（$）；其他字符可以是下劃線、美元符號或任何字母或數(shù)字字符。typeof運算符可以使用typeof運算符返回變量的類型，語法如下：typeof

變量名【例2-3】演示使用typeof運算符返回變量類型的方法，代碼如下：vartemp;document.write(typeoftemp); //輸出"undefined"temp="teststring";document.write(typeoftemp);//輸出"String"temp=100;document.write(typeoftemp);//輸出"Number"2.3注釋1．//可以嵌套//是單行注釋符，這種注釋符可與要執(zhí)行的代碼處在同一行，也可另起一行。從//開始到行尾均表示注釋。對于多行注釋，必須在每個注釋行的開始使用//?！纠?-3】中已經(jīng)演示了//注釋符的使用方法。2./*...*/不可以嵌套/*...*/是多行注釋符，…表示注釋的內(nèi)容。這種注釋字符可與要執(zhí)行的代碼處在同一行，也可另起一行，甚至用在可執(zhí)行代碼內(nèi)。對于多行注釋，必須使用開始注釋符（/*）開始注釋，使用結(jié)束注釋符（*/）結(jié)束注釋。注釋行上不應(yīng)出現(xiàn)其他注釋字符?！纠?-4】

使用/*...*/給【例2-3】添加注釋。/*一個簡單的JavaScript程序,演示使用typeof運算符返回變量類型的方法作者：啟明星日期：2012-11-25*/vartemp;document.write(typeoftemp);/*輸出"undefined"*/temp="teststring";document.write(typeoftemp);/*輸出"String"*/temp=100;document.write(typeoftemp);/*輸出"Number"*/2.4運算符（略）運算符可以指定變量和值的運算操作，是構(gòu)成表達(dá)式的重要元素。JavaScript支持一元運算符、算術(shù)運算符、位運算符、關(guān)系運算符、條件運算符、賦值運算符、逗號運算符等基本運算符。3常用語句(略)

3.1條件分支語句3.2循環(huán)語句4函數(shù)4.1創(chuàng)建自定義函數(shù)4.2調(diào)用函數(shù)4.3變量的作用域4.4函數(shù)的返回值4.1創(chuàng)建自定義函數(shù)可以使用function關(guān)鍵字來創(chuàng)建自定義函數(shù)，其基本語法結(jié)構(gòu)如下：function函數(shù)名(參數(shù)列表){

函數(shù)體}參數(shù)列表可以為空，即沒有參數(shù)；也可以包含多個參數(shù)，參數(shù)之間使用逗號（,）分隔。函數(shù)體可以是一條語句，也可以由一組語句組成?！纠?-15】創(chuàng)建一個非常簡單的函數(shù)PrintWelcome，它的功能是打印字符串“歡迎使用JavaScript”，代碼如下：functionPrintWelcome(){

document.write("歡迎使用JavaScript");}【例2-16】創(chuàng)建函數(shù)PrintString()，通過參數(shù)決定要打印的內(nèi)容。functionPrintString(str){

document.write(str);}【例2-17】定義一個函數(shù)sum()，用于計算并打印兩個參數(shù)之和。函數(shù)sum()包含兩個參數(shù)。參數(shù)$num1和$num2，代碼如下：functionsum(num1,num2){

document.write(num1+num2);}4.2調(diào)用函數(shù)可以直接使用函數(shù)名來調(diào)用函數(shù)，無論是系統(tǒng)函數(shù)還是自定義函數(shù)，調(diào)用函數(shù)的方法都是一致的?！纠?-18】要調(diào)用PrintWelcome()函數(shù)，顯示“歡迎使用JavaScript”字符串，代碼如下：<HTML><HEAD><TITLE>【例2-18】</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> functionPrintWelcome() {

document.write("歡迎使用JavaScript"); }

PrintWelcome();</Script></BODY></HTML>如果函數(shù)存在參數(shù)，則在調(diào)用函數(shù)時，也需要使用參數(shù)【例2-19】要調(diào)用PrintString()函數(shù)，打開用戶指定的字符串，代碼如下：<HTML><HEAD><TITLE>【例2-19】</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> functionPrintString(str) {

document.write(str); }

PrintString("傳遞參數(shù)");</Script></BODY></HTML>【例2-20】調(diào)用sum()函數(shù)，計算并打印1和2之和，代碼如下：<HTML><HEAD><TITLE>【例2-20】</TITLE></HEAD><BODY><ScriptLanguage="JavaScript"> functionsum(num1,num2) {

document.write(num1+num2); } sum(1,2);</Script></BODY></HTML>4.3變量的作用域在函數(shù)中也可以定義變量，在函數(shù)中定義的變量被稱為局部變量。局部變量只在定義它的函數(shù)內(nèi)部有效，在函數(shù)體之外，即使使用同名的變量，也會被看作是另一個變量。相應(yīng)地，在函數(shù)體之外定義的變量是全局變量。全局變量在定義后的代碼中都有效，包括它后面定義的函數(shù)體內(nèi)。如果局部變量和全局變量同名，則在定義局部變量的函數(shù)中，只有局部變量是有效的。【例2-21】局部變量和全局變量作用域的例子<HTML><HEAD><TITLE>【例2-21】</TITLE></HEAD><BODY><ScriptLanguage="JavaScript">

vara=100; //全局變量

functionsetNumber(){

vara=10; //局部變量

document.writ

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論