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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

實驗03HTML5中JavaScript和事件廣州大學華軟軟件學院概述JavaScript簡稱js，是一種可以嵌入到HTML頁面中的腳本語言，HTML5提供的很多API都可以在JavaScript程序中調用，因此學習JavaScript編程是閱讀本書后面內容的基礎。本章知識點1在HTML中使用JavaScript語言2基本語法3常用語句4函數5面向對象程序設計6JavaScript事件處理1在HTML中使用JavaScript語言1.1在HTML中插入JavaScript代碼1.2使用js文件1.1在HTML中插入JavaScript代碼在HTML文件中使用JavaScript腳本時，JavaScript代碼需要出現在<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文件的方法實現【例2-1】的功能。創建output.js，內容如下：

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

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

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

第一個字符必須是字母、下劃線（_）或美元符號（$）；其他字符可以是下劃線、美元符號或任何字母或數字字符。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．//可以嵌套//是單行注釋符，這種注釋符可與要執行的代碼處在同一行，也可另起一行。從//開始到行尾均表示注釋。對于多行注釋，必須在每個注釋行的開始使用//。【例2-3】中已經演示了//注釋符的使用方法。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運算符（略）運算符可以指定變量和值的運算操作，是構成表達式的重要元素。JavaScript支持一元運算符、算術運算符、位運算符、關系運算符、條件運算符、賦值運算符、逗號運算符等基本運算符。3常用語句(略)

3.1條件分支語句3.2循環語句4函數4.1創建自定義函數4.2調用函數4.3變量的作用域4.4函數的返回值4.1創建自定義函數可以使用function關鍵字來創建自定義函數，其基本語法結構如下：function函數名(參數列表){

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

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

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

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

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

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

document.write(str); }

PrintString("傳遞參數");</Script></BODY></HTML>【例2-20】調用sum()函數，計算并打印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變量的作用域在函數中也可以定義變量，在函數中定義的變量被稱為局部變量。局部變量只在定義它的函數內部有效，在函數體之外，即使使用同名的變量，也會被看作是另一個變量。相應地，在函數體之外定義的變量是全局變量。全局變量在定義后的代碼中都有效，包括它后面定義的函數體內。如果局部變量和全局變量同名，則在定義局部變量的函數中，只有局部變量是有效的?！纠?-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. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論