JS基礎(chǔ)知識(shí)及應(yīng)用_第1頁(yè)
JS基礎(chǔ)知識(shí)及應(yīng)用_第2頁(yè)
JS基礎(chǔ)知識(shí)及應(yīng)用_第3頁(yè)
JS基礎(chǔ)知識(shí)及應(yīng)用_第4頁(yè)
JS基礎(chǔ)知識(shí)及應(yīng)用_第5頁(yè)
已閱讀5頁(yè)，還剩27頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

JS基礎(chǔ)知識(shí)及應(yīng)用國(guó)際軟件工程師培訓(xùn)學(xué)校什么是JavaScript？JavaScript被設(shè)計(jì)用來(lái)向HTML頁(yè)面添加交互行為。JavaScript是一種腳本語(yǔ)言（腳本語(yǔ)言是一種輕量級(jí)的編程語(yǔ)言）。JavaScript由數(shù)行可執(zhí)行計(jì)算機(jī)代碼組成。JavaScript通常被直接嵌入

HTML頁(yè)面。JavaScript是一種編譯語(yǔ)言（就是說(shuō)，代碼執(zhí)行不進(jìn)行預(yù)編譯）。所有的人無(wú)需購(gòu)買(mǎi)許可證均可使用JavaScript。

JavaScript能做什么？JavaScript為HTML設(shè)計(jì)師提供了一種編程工具

JavaScript可以將動(dòng)態(tài)的文本放入HTML頁(yè)面

JavaScript可以對(duì)事件作出響應(yīng)

JavaScript可以讀寫(xiě)

HTML元素

JavaScript可被用來(lái)驗(yàn)證數(shù)據(jù)JavaScript可被用來(lái)檢測(cè)訪問(wèn)者的瀏覽器JavaScript可被用來(lái)創(chuàng)建cookies

如何實(shí)現(xiàn)JavaScript?HTML的<script>標(biāo)簽用于把JavaScript插入HTML頁(yè)面當(dāng)中。

<html><body>

<scripttype="text/javascript">document.write("HelloWorld!"); </script>

</body></html>

把JavaScript放置在何處?位于head部分的腳本：

<head><scripttype="text/javascript">....</script></head>

位于body部分的腳本：

<body><scripttype="text/javascript">....</script></body>

使用外部JavaScript

：

<head><scriptsrc="xxx.js">....</script></head>

注：當(dāng)頁(yè)面載入時(shí)，會(huì)執(zhí)行位于body部分的JavaScript。

當(dāng)被調(diào)用時(shí)，位于head部分的JavaScript才會(huì)被執(zhí)行。JavaScript語(yǔ)句JavaScript是由瀏覽器執(zhí)行的語(yǔ)句序列。JS語(yǔ)句是發(fā)給瀏覽器的命令。這些命令的作用是告訴瀏覽器要做的事情。

這個(gè)JS語(yǔ)句告訴瀏覽器向網(wǎng)頁(yè)輸出“Helloworld”：

document.write("Helloworld");

JS代碼

JS代碼是JS語(yǔ)句的序列。 <scripttype="text/javascript">document.write("<h1>Thisisaheader</h1>"); …</script>

JS代碼塊

JS可以分批地組合起來(lái),代碼塊以左花括號(hào)開(kāi)始，以右花括號(hào)結(jié)束。 <scripttype="text/javascript"> {document.write("<h1>Thisisaheader</h1>"); …}</script>

JavaScript注釋JavaScript注釋可用于增強(qiáng)代碼的可讀性。單行注釋以//開(kāi)始。

<scripttype="text/javascript"> //這行代碼輸出標(biāo)題：

document.write("<h1>Thisisaheader</h1>"); //這行代碼輸出段落： document.write("<p>Thisisaparagraph</p>");</script>

多行注釋以/*開(kāi)頭，以*/結(jié)尾。

<scripttype="text/javascript"> /*下面的代碼將輸出 一個(gè)標(biāo)題和兩個(gè)段落 */ document.write("<h1>Thisisaheader</h1>");document.write("<p>Thisisaparagraph</p>");</script>

JavaScript變量

變量是用于存儲(chǔ)信息的容器

x=5;y=6;JavaScript變量名稱(chēng)的規(guī)則

.變量對(duì)大小寫(xiě)敏感（y

和Y

是兩個(gè)不同的變量）

.變量必須以字母或下劃線開(kāi)始

聲明（創(chuàng)建）JavaScript變量

您可以通過(guò)var語(yǔ)句來(lái)聲明JavaScript變量：

varx=5; varcarname=“北京現(xiàn)代”;

注：在為變量賦文本值時(shí)，請(qǐng)為該值加引號(hào)。

JavaScript運(yùn)算符運(yùn)算符=用于賦值。運(yùn)算符+用于加值。如：

varx;vary;varz;

y=5;z=2;x=y+z;

在以上語(yǔ)句執(zhí)行后，x的值是。

y=“5”;z=“2”;x=y+z;

在以上語(yǔ)句執(zhí)行后，x的值是。JavaScript算術(shù)運(yùn)算符給定

y=5，下面的表格解釋了這些算術(shù)運(yùn)算符：

JavaScript賦值運(yùn)算符給定

x=10

和y=5，下面的表格解釋了賦值運(yùn)算符：JavaScript比較運(yùn)算符給定

x=5，下面的表格解釋了比較運(yùn)算符：JavaScript邏輯運(yùn)算符給定

x=6以及y=3，下面的表格解釋了邏輯運(yùn)算符：JavaScript條件運(yùn)算符JavaScript還包含了基于某些條件對(duì)變量進(jìn)行賦值的條件運(yùn)算符。語(yǔ)法：variablename=(condition)?value1:value2

例如：y=(X<5)?true:false;JavaScriptif...else語(yǔ)句if語(yǔ)句

if(條件){條件成立時(shí)執(zhí)行代碼}if...else語(yǔ)句

if(條件){條件成立時(shí)執(zhí)行此代碼} else{條件不成立時(shí)執(zhí)行此代碼}

if...elseif....else語(yǔ)句

if(條件1){條件1成立時(shí)執(zhí)行代碼} elseif(條件2){條件2成立時(shí)執(zhí)行代碼} else{條件1和條件2均不成立時(shí)執(zhí)行代碼}

注：請(qǐng)使用雙等號(hào)(==)來(lái)比較變量！

JavaScriptswitch語(yǔ)句如果希望選擇執(zhí)行若干代碼塊中的一個(gè)，你可以使用switch語(yǔ)句：

switch(n) { case1: 執(zhí)行代碼塊1 break case2: 執(zhí)行代碼塊2 break default: 如果n即不是1也不是2，則執(zhí)行此代碼}

JavaScript消息框警告框

alert("文本"); 當(dāng)警告框出現(xiàn)后用戶(hù)需要點(diǎn)擊確定按鈕才能繼續(xù)進(jìn)行操作。

確認(rèn)框

confirm("文本"); 如果用戶(hù)點(diǎn)擊確認(rèn)，那么返回值為true。如果用戶(hù)點(diǎn)擊取消，那么返回值為false

提示框

prompt("文本","默認(rèn)值");如果用戶(hù)點(diǎn)擊確認(rèn)，那么返回值為輸入的值。如果用戶(hù)點(diǎn)擊取消，那么返回值為nullJavaScript函數(shù)函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。如何定義函數(shù)

function函數(shù)名(var1,var2,...,varX) {代碼．．．}

注：無(wú)參數(shù)的函數(shù)必須在其函數(shù)名后加括號(hào)。return語(yǔ)句

return語(yǔ)句用來(lái)規(guī)定從函數(shù)返回的值。

functionprod(a,b) {x=a*b；returnx}

JavaScriptFor循環(huán)JavaScript中的循環(huán)用來(lái)將同一段代碼執(zhí)行指定的次數(shù)語(yǔ)法: for(變量=開(kāi)始值;變量<=結(jié)束值;變量=變量+步進(jìn)值){需執(zhí)行的代碼}

例如：

<scripttype="text/javascript"> vari=0 for(i=0;i<=10;i++) { document.write("Thenumberis"+i) document.write("<br/>") } </script>JavaScriptWhile循環(huán)while循環(huán)用于在指定條件為true時(shí)循環(huán)執(zhí)行代碼。

while(變量<=結(jié)束值) {需執(zhí)行的代碼}

do...while循環(huán)

do{

需執(zhí)行的代碼 } while(變量<=結(jié)束值)

區(qū)別：do…while至少執(zhí)行一次。JavaScriptBreak和ContinueBreak

使用break語(yǔ)句來(lái)終止循環(huán)

Continue

使用continue語(yǔ)句來(lái)終止當(dāng)前的循環(huán)，然后從下一個(gè)值繼續(xù)執(zhí)行。

<html><body> <scripttype="text/javascript"> vari=0 for(i=0;i<=10;i++) { if(i==3){break}

document.write("Thenumberis"+i) document.write("<br/>")} </script></body></html>

JavaScript獲取html元素getElementById()getElementsByName()getElementsByTagName()

查看例子JavaScript事件事件是可以被JavaScript偵測(cè)到的行為。onload和onUnloadonFocus,onBlur和onChangeonSubmitonMouseOver和onMouseOut

查看例子JavaScripttry…catchtry...catch的作用是測(cè)試代碼中的錯(cuò)誤.有兩種在網(wǎng)頁(yè)中捕獲錯(cuò)誤的方法：

1.使用try...catch

語(yǔ)句2.使用onerror

事件

try...catch語(yǔ)句

try{//在此運(yùn)行代碼} catch(err){//在此處理錯(cuò)誤}

onerror事件

只要頁(yè)面中出現(xiàn)腳步錯(cuò)誤，就會(huì)產(chǎn)生onerror事件。

onerror=handleErrfunctionhandleErr(msg,url,l){//Handletheerrorhere returntrueorfalse}

查看例子:1

2JavaScriptthrow聲明throw聲明的作用是創(chuàng)建exception。語(yǔ)法：throw(exception)

exception可以是字符串、整數(shù)、邏輯值或者對(duì)象。throw聲明的作用是創(chuàng)建exception（異常）。你可以把這個(gè)聲明與try...catch聲明配合使用，以達(dá)到控制程序流并產(chǎn)生精確錯(cuò)誤消息的目的。

請(qǐng)查看例子JavaScript特殊字符你可以在JavaScript中使用反斜杠來(lái)向文本字符串添加特殊字符。JavaScript字符串對(duì)象計(jì)算字符串的長(zhǎng)度(xxx.length)toUpperCase()方法Match()方法indexOf()方法

查看例子JavaScript日期對(duì)象newDate()方法

返回當(dāng)日的日期getTime()方法

計(jì)算從1970年到今天有多少年

setFullYear()方法

得到精確的日期,有三個(gè)參數(shù)(年，月，日)toUTCString()方法

當(dāng)日的日期（根據(jù)UTC）轉(zhuǎn)換為字符串

getDay()方法顯示星期,

溫馨提示

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

評(píng)論

0/150

提交評(píng)論