JavaScript在Web頁面中經(jīng)常用來:
- 直接寫入HTML輸出流盛正。
- 對事件做出響應(yīng)承疲。
- 改變HTML內(nèi)容。
- 改變HTML圖像尊沸。
- 改變HTML樣式俊犯。
- 驗(yàn)證輸入妇多。
一、用法
HTML頁面中的腳本必須放在<script>標(biāo)簽中燕侠,<script>標(biāo)簽可以放置在<body>或<head>標(biāo)簽中者祖,通常是放在<head>中或者放在頁面底部。而且現(xiàn)在不必為script添加屬性type="text/javascript"绢彤,因?yàn)楝F(xiàn)在JavaScript已經(jīng)是默認(rèn)的腳本語言七问。
另外也可以把腳本保存在外部文件中,可以被多個頁面使用杖虾,如果使用外部文件烂瘫,需要在<script>標(biāo)簽中設(shè)置src屬性,值是該外部文件的路徑奇适。
二坟比、語法
首先了解Java用來輸出信息的方法:
- 使用window.alert()彈出警告框。
- 使用document.write()方法將內(nèi)容寫到HTML文檔中嚷往。
- 使用innerHTML寫入HTML元素葛账。
- 使用console.log()寫入瀏覽器的控制臺。
1. 語句
JavaScript的語句使用分號";"結(jié)束皮仁,使用花括號"{}"定義代碼塊籍琳,代碼中多余的空格會被忽略,還可以只用""對代碼進(jìn)行換行贷祈∏骷保總體來說JavaScript中的語句和C語言的規(guī)則幾乎相同。
2.注釋
JavaScript使用"http://"來定義單行注釋势誊,使用"/"和"/"定義多行注釋呜达。
3.變量
JavaScript使用var聲明變量,變量名稱必須以字母開頭(也可以用$或_開頭粟耻,但不推薦)查近,區(qū)分大小寫眉踱。變量如果聲明但沒有賦值,其值是空霜威。
4.數(shù)據(jù)類型
JavaScript的數(shù)據(jù)類型有以下幾種:
- 字符串:用單引號或雙引號引起來谈喳,"Hello"。
- 數(shù)字:Js中只有一種數(shù)字類型戈泼,可以有小數(shù)點(diǎn)也可以沒有婿禽,還可以用科學(xué)計(jì)數(shù)法。
- 布爾:只有兩個值true和false大猛。
- 數(shù)組:使用new Array()或new Array(1, 2, 3)或[1, 2, 3]創(chuàng)建谈宛。
- 對象:類似哈希,用鍵值對表示胎署,{name: "Neil", age:30}。
- 空值和未定義:Undefined表示未定義窑滞,null表示空琼牧。
- 符號:Symbol,新引入哀卫,表示獨(dú)一無二的值巨坊。
- 函數(shù):Function。
JavaScript擁有動態(tài)類型此改,變量可以賦不同類型的值趾撵。
4.對象
JavaScript對象是屬性和方法的容器。對象類似于Ruby中的哈希表共啃,定義屬性和方法都使用鍵值對的形式占调。方法的創(chuàng)建:
methodName : function() {
//code
}
訪問時則使用:
object.methodName();
5.函數(shù)
函數(shù)定義方法:
function functionName(var1, var2)
{
return var1 + var2;
}
6.事件
HTML事件是發(fā)生在HTML元素上的事情移剪,這些事件可以是瀏覽器的行為也可以是用戶的行為究珊。當(dāng)事件發(fā)生時,可以通過執(zhí)行js代碼做一些事情纵苛,例如:
<p onclick="js code">
其中的onclick就是事件剿涮,后面的代碼部分用引號引起來,代碼一般是一個函數(shù)攻人。事件可以替換成其他的事件類型取试,常見的有:元素改變、點(diǎn)擊怀吻、鼠標(biāo)移到元素上瞬浓、鼠標(biāo)離開元素、按下鍵盤烙博、加載完成瑟蜈。