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

下載本文檔

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

文檔簡介

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

HTML頁面。JavaScript是一種編譯語言（就是說，代碼執(zhí)行不進(jìn)行預(yù)編譯）。所有的人無需購買許可證均可使用JavaScript。

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

JavaScript可以將動態(tài)的文本放入HTML頁面

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

JavaScript可以讀寫

HTML元素

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

如何實(shí)現(xiàn)JavaScript?HTML的<script>標(biāo)簽用于把JavaScript插入HTML頁面當(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)頁面載入時，會執(zhí)行位于body部分的JavaScript。

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

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

document.write("Helloworld");

JS代碼

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

JS代碼塊

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

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

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

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

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

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

JavaScript變量

變量是用于存儲信息的容器

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

.變量對大小寫敏感（y

和Y

是兩個不同的變量）

.變量必須以字母或下劃線開始

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

您可以通過var語句來聲明JavaScript變量：

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

注：在為變量賦文本值時，請為該值加引號。

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

varx;vary;varz;

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

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

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

在以上語句執(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還包含了基于某些條件對變量進(jìn)行賦值的條件運(yùn)算符。語法：variablename=(condition)?value1:value2

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

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

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

if...elseif....else語句

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

注：請使用雙等號(==)來比較變量！

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

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

JavaScript消息框警告框

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

確認(rèn)框

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

提示框

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

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

注：無參數(shù)的函數(shù)必須在其函數(shù)名后加括號。return語句

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

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

JavaScriptFor循環(huán)JavaScript中的循環(huán)用來將同一段代碼執(zhí)行指定的次數(shù)語法: for(變量=開始值;變量<=結(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時循環(huán)執(zhí)行代碼。

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

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

do{

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

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

使用break語句來終止循環(huán)

Continue

使用continue語句來終止當(dāng)前的循環(huán)，然后從下一個值繼續(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偵測到的行為。onload和onUnloadonFocus,onBlur和onChangeonSubmitonMouseOver和onMouseOut

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

1.使用try...catch

語句2.使用onerror

事件

try...catch語句

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

onerror事件

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

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

查看例子:1

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

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

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

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

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

計算從1970年到今天有多少年

setFullYear()方法

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

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

getDay()方法顯示星期,

溫馨提示

  • 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)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論