實驗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)，請進行舉報或認領(lǐng)

文檔簡介

實驗03HTML5中JavaScript和事件廣州大學華軟軟件學院概述JavaScript簡稱js，是一種可以嵌入到HTML頁面中的腳本語言，HTML5提供的很多API都可以在JavaScript程序中調(diào)用，因此學習JavaScript編程是閱讀本書后面內(nèi)容的基礎(chǔ)。本章知識點1在HTML中使用JavaScript語言2基本語法3常用語句4函數(shù)5面向?qū)ο蟪绦蛟O計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文件當中，然后在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當聲明的變量未初始化時，該變量的默認值是undefinedNull空值，如果引用一個沒有定義的變量，則返回空值Boolean布爾類型，包含true和falseString字符串類型，由單引號或雙引號括起來的字符Number數(shù)值類型，可以是32位、64位整數(shù)或浮點數(shù)2.2變量變量是內(nèi)存中命名的存儲位置，可以在程序中設置和修改變量的值。在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é)束注釋。注釋行上不應出現(xiàn)其他注釋字符。【例2-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)成表達式的重要元素。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ù)體之外，即使使用同名的變量，也會被看作是另一個變量。相應地，在函數(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)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論