語法-入門-01javascript基本

上傳人：洞*** IP屬地：北京上傳時間：2022-12-13 格式：PPTX 頁數(shù)：35 大?。?27.14KB 積分：12 舉報 版權申訴

已閱讀5頁，還剩30頁未讀，繼續(xù)免費閱讀

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

文檔簡介

JavaScriptJavaScript基本語法

2本章目標什么是

JavaScriptJavaScript在web中起的作用理解變量、數(shù)據(jù)類型和運算符分支結(jié)構數(shù)組循環(huán)結(jié)構

3什么是JavaScriptJavaScript是一種腳本語言提供用戶交互

動態(tài)更改內(nèi)容數(shù)據(jù)驗證事件

4如何將JavaScript嵌入網(wǎng)頁可以將JavaScript語句插入HTML文檔，方式如下：使用<script>標簽將語句嵌入文檔將JavaScript源文件鏈接到HTML文檔中

5使用Script標簽<html><head><scriptLanguage="JavaScript">//JavaScriptAppearshere.alert("這是第一個JavaScript例子!");alert("歡迎你進入JavaScript世界!");alert("今后我們將共同學習JavaScript知識！");</script></Head></Html>腳本代碼設置語言script標簽

6使用外部JS文件外部JavaScript文件可以鏈接到HTML文檔中script標簽的src（源文件）屬性可用于鏈接外部js文件<scriptlanguage="JavaScript"src="文件名.js"></script>

7使用外部JS文件<HTML><HEAD> <TITLE>使用外部文件</TITLE> <SCRIPTSRC="test.js"></SCRIPT></HEAD><BODY> <P>以上文本是通過訪問外部JavaScript文件顯示的</BODY></HTML>document.write("喂！你好嗎?");JavaScript代碼(test.htm)JavaScript代碼(test.js)

8變量變量名必須以字母或下劃線（"_"）開頭變量可以包含數(shù)字、從A至Z的大小寫字母JavaScript區(qū)分大小寫，即變量myVar、myVAR和myvar是不同的變量回顧：變量的主要作用是存取數(shù)據(jù)、提供存放信息的容器。對于變量必須明確變量的命名、變量的類型、變量的聲明及其變量的作用域。

9聲明變量vara;varx,y,z=10;vara=10;a=10;聲明變量聲明多個變量賦值同時聲明和初始化變量

"var"

－用于聲明變量的關鍵字

"a"

－變量名

10聲明變量<HTML><HEAD><TITLE>使用變量</TITLE><SCRIPTLANGUAGE="Javascript">varx;x=prompt("淘寶網(wǎng)竟拍，請出一口價",1);//"+"用來連接多個字符串document.write("拍賣價格"+x+"<BR>");document.write("恭喜您，您以最高價拍賣成功！");alert("歡迎下次光臨！");</SCRIPT></HEAD></HTML>定義變量變量賦值

11可由函數(shù)1、函數(shù)2和函數(shù)3訪問變量a、b和c只能在其各自的函數(shù)中被訪問變量的作用域函數(shù)function1局部變量a函數(shù)function2局部變量b腳本函數(shù)function3局部變量c全局變量gg

全局變量不需要以var關鍵字進行聲明，但局部變量則必須以此關鍵字來聲明。Script區(qū)域

浮點型－浮點型字面量至少必須含有一個數(shù)字。此數(shù)字可包含小數(shù)點或采用科學記數(shù)法表示的數(shù)字。科學記數(shù)法中的整數(shù)可以是正整數(shù)(+)或負整數(shù)(-)，指數(shù)(e)表示"十次冪"。例如10.24、1.20e+22、4E-8、.1815等。常量整型浮點型字符串型和C語言一樣，js也有轉(zhuǎn)義字符，常用的就是："\n"

13常量

字符

說明

示例\b

退格符alert("這是第一句\b這是第二句")\f

換頁符alert("這是第一句\f這是第二句")\n

換行符alert("這是第一句\n這是第二句")\r

回車符alert("這是第一句\r這是第二句")\t

制表符alert("這是第一句\t這是第二句")

14數(shù)據(jù)類型數(shù)據(jù)類型說明示例數(shù)字型整數(shù)或?qū)崝?shù)487,25.95邏輯型或布爾型執(zhí)行邏輯運算true或false字符串型一組字符"Hello"空特殊關鍵字，表示不存在的值。

null

15<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varx=100;vary;varz;document.write("<H2>競拍SONY數(shù)碼相機600萬像素"+x+"$起價</H2>");y=prompt("加多少銀子？","1");z=x+y;alert("您最終的出價\n"+z+"$");//"\n"用于換行顯示</SCRIPT></HEAD><body></body></HTML>Prompt函數(shù)返回輸入的字符串"+"號的用法-1+字符串相連：100+"200"整數(shù)和字符串的連接操作

16<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varx=100;vary;varz;document.write("<H2>競拍SONY數(shù)碼相機600萬像素"+x+"$起價</H2>");y=prompt("加多少銀子？","1");z=x+parseFloat(y);alert("您最終的出價\n"+z+"$");//"\n"用于換行顯示</SCRIPT></HEAD><body></body></HTML>parseFloat()函數(shù)將字符串轉(zhuǎn)換為float數(shù)據(jù)

parseInt()函數(shù)將字符串轉(zhuǎn)換為int數(shù)據(jù)如果轉(zhuǎn)換失敗，返回NaN值(notanumber)"+"號的用法-2整數(shù)間的算數(shù)運算

17算術運算符運算符說明示例備

注+加a=5+8-減a=8-5/除a=20/5*乘a=5*19%取模－兩個數(shù)相除的余數(shù)10%3=1++一元自加。該運算符帶一個操作數(shù)，將操作數(shù)的值加1。返回的值取決于++運算符位于操作數(shù)的前面或是后面++x，x++++x將返回x自加運算后的值。x++將返回x自加運算前的值--一元自減。該運算符只帶一個操作數(shù)。返回的值取決于--運算符位于操作數(shù)的前面或是后面--x，x----x將返回x自減運算后的值。x--將返回x自減運算前的值

18算術運算符num1num2result實現(xiàn)步驟：1.編寫html頁面代碼2.指定各個文本框的名稱3.編寫腳本代碼4.瀏覽并調(diào)試

19<HEAD><SCRIPTlanguage="JavaScript">functioncalcu(){varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;}</SCRIPT></HEAD>計算總價并顯示…<INPUTname="getAnswer"TYPE="button"onClick="calcu()"value="計算看看">添加單擊事件，單擊按鈕時調(diào)用"calcu()"函數(shù)算術運算符獲取表單中輸入的數(shù)據(jù)：document.表單名.表單元素名.value定義calcu()計算函數(shù),實現(xiàn)兩個數(shù)相乘的功能.定義函數(shù)的語法：

function函數(shù)名(參數(shù)列表){//JavaScript語句；

}

20比較運算符運算符說明示例==等于。如果兩個操作數(shù)相等，則返回真。a==b!=不等于。如果兩個操作數(shù)不相等，則返回真。Var2!=5>大于。如果左邊的操作數(shù)大于右邊的操作數(shù)，則返回真。Var1>var2<小于。如果左邊的操作數(shù)小于右邊的操作數(shù)，則返回真。Var2<var1<=小于等于。如果左邊的操作數(shù)小于或等于右邊的操作數(shù)，則返回真。Var2<=4Var2<=var1>=大于等于。如果左邊的操作數(shù)大于或等于右邊的操作數(shù)，則返回真。Var1>=5Var1>=var2

21邏輯運算符邏輯運算符運算符值說明與(&&)expr1&&expr2只有當expr1

和expr2

同為真時，才返回真(true)。否則，返回假(false)?；?||)expr1||expr2如果其中一個表達式為真，或兩個表達式同為真，則返回真(true)。否則，返回假(false)。非(!)!expr如果表達式為真，則返回假(false)。如果為假，則返回真(true)。

22數(shù)組（array對象）array提供對創(chuàng)建任何數(shù)據(jù)類型的數(shù)組的支持Java:int[]arr=newint[3];arrayObj=newArray()

arrayObj=newArray([size])

arrayObj=newArray([element0[,element1[,...[,elementN]]]])arrayObj:必選項。要賦值為Array對象的變量名。Size:可選項。數(shù)組的大小。由于數(shù)組的下標是從零開始，創(chuàng)建的元素的下標將從零到size-1。element0,...,elementN:可選項。要放到數(shù)組中的元素。這將創(chuàng)建具有n+1個元素的長度為n+1的數(shù)組。使用該語法時必須有一個以上元素。

23數(shù)組聲明數(shù)組

var數(shù)組名=newArray(數(shù)組大小);

例：var

emp=newArray(3)添加元素

emp[0]="AA";emp[1]="BB";emp[2]="CC";AABBCC也可以聲明數(shù)組并賦初值：例：varemp=newArray("AA"，"BB"，"CC")；

24<HTML><HEAD><TITLE>使用數(shù)組</TITLE><SCRIPTLANGUAGE="JavaScript">varemp=newArray(3);emp[0]="RyanDias";emp[1]="GrahamBrowne";emp[2]="DavidGreene";document.write("數(shù)組emp中的數(shù)據(jù)為:<HR>");document.write(emp[0]+"<BR>");document.write(emp[1]+"<BR>");document.write(emp[2]+"<BR>");</SCRIPT></HEAD></HTML>數(shù)組

25數(shù)組常用屬性

length

：返回數(shù)組中元素的個數(shù)常用方法方法說明join將數(shù)組中的元素組合成字符串reverse顛倒數(shù)組元素的順序，使第一個元素成為最后一個，而最后一個元素成為第一個sort對數(shù)組元素進行排序

26<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">varemp=newArray(3);emp[0]="RyanDias";emp[1]="GrahamBrowne";emp[2]="DavidGreene";emp.sort();document.write("排序結(jié)果是：<HR>");document.write(emp[0]+"<BR>");document.write(emp[1]+"<BR>");document.write(emp[2]+"<BR>");</SCRIPT></HEAD></HTML>數(shù)組排序

27循環(huán)for循環(huán)do-whilewhile

28JavaScript函數(shù)內(nèi)置函數(shù)

eval

函數(shù)：用于計算字符串表達式的值

isNaN

函數(shù)：用于驗證參數(shù)是否為NaN（非數(shù)字）

29JavaScript函數(shù)<SCRIPTLANGUAGE="JavaScript"><SCRIPTLANGUAGE="JavaScript">varstr1=prompt("輸入一個表達式，我給您計算，如：1+1","");varresult=eval(str1);document.write(str1+"="+result);varx=prompt("輸入一些數(shù)據(jù),我來告訴您是不是數(shù)字","0");if(isNaN(x)){alert(x+"不是一個數(shù)字");}else{alert(x+"是一個數(shù)字");}</SCRIPT>

30自定義函數(shù)定義函數(shù)：function

函數(shù)名(參數(shù)1,參數(shù)2，…){

語句;}調(diào)用函數(shù)：

函數(shù)調(diào)用一般和表單元素的事件一起使用，調(diào)用格式為：

事件名＝"函數(shù)名"functionsum(one,two){varresult=one+two;returnresult;}<INPUTname="add"type="button"value="加法"onClick="sum(2，5)">

31函數(shù)的應用num1num2result

32定義函數(shù)<HEAD><SCRIPTlanguage="JavaScript">functioncompute(op){varnum1,num2;num1=parseFloat(document.myform.num1.value);num2=parseFloat(document.myform.num2.value);if(op=="+")

{ document.myform.result.value=num1+num2;

}if(op=="-"){ document.myform.result.value=num1-num2;}if(op=="*"){ document.myform.result.value=num1*num2;}if(op=="/"&&num2!=0){ document.myform.result.value=num1/num2;}}</SCRIPT></HEAD>定義函數(shù)compute()，完成計算的功能。op參數(shù)代表運算符號(字符串)

33調(diào)用函數(shù)<FORMaction=""method="post"name="myform"><P>第一個數(shù)<INPUTname="num1"type="text"><BR>第二個數(shù)<INPUTname="num2"type="text"></P><P><INPUTname="addButton"type="button"value="＋"onClick="compute('+')"><INPUTname="subButton"type="button"value="－"onClick="compute('-')"><INPUTname="mulButton"type="button"value=

人人文庫> 全部分類> 教育資料 > 課件下載

溫馨提示

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

語法-入門-01javascript基本

文檔簡介

溫馨提示

最新文檔

評論

語法-入門-01javascript基本

文檔簡介

溫馨提示

最新文檔

評論

相關文檔