JavaScript

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用來輸出信息的方法:

  1. 使用window.alert()彈出警告框。
  2. 使用document.write()方法將內(nèi)容寫到HTML文檔中嚷往。
  3. 使用innerHTML寫入HTML元素葛账。
  4. 使用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)離開元素、按下鍵盤烙博、加載完成瑟蜈。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末烟逊,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子铺根,更是在濱河造成了極大的恐慌宪躯,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,607評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件位迂,死亡現(xiàn)場離奇詭異访雪,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)掂林,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評論 3 395
  • 文/潘曉璐 我一進(jìn)店門臣缀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人泻帮,你說我怎么就攤上這事精置。” “怎么了锣杂?”我有些...
    開封第一講書人閱讀 164,960評論 0 355
  • 文/不壞的土叔 我叫張陵脂倦,是天一觀的道長。 經(jīng)常有香客問我元莫,道長赖阻,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,750評論 1 294
  • 正文 為了忘掉前任踱蠢,我火速辦了婚禮火欧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘茎截。我一直安慰自己苇侵,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評論 6 392
  • 文/花漫 我一把揭開白布稼虎。 她就那樣靜靜地躺著衅檀,像睡著了一般。 火紅的嫁衣襯著肌膚如雪霎俩。 梳的紋絲不亂的頭發(fā)上哀军,一...
    開封第一講書人閱讀 51,604評論 1 305
  • 那天,我揣著相機(jī)與錄音打却,去河邊找鬼杉适。 笑死,一個胖子當(dāng)著我的面吹牛柳击,可吹牛的內(nèi)容都是我干的猿推。 我是一名探鬼主播,決...
    沈念sama閱讀 40,347評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蹬叭!你這毒婦竟也來了藕咏?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,253評論 0 276
  • 序言:老撾萬榮一對情侶失蹤秽五,失蹤者是張志新(化名)和其女友劉穎孽查,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體坦喘,經(jīng)...
    沈念sama閱讀 45,702評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡盲再,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了瓣铣。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片答朋。...
    茶點(diǎn)故事閱讀 40,015評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖棠笑,靈堂內(nèi)的尸體忽然破棺而出梦碗,到底是詐尸還是另有隱情,我是刑警寧澤蓖救,帶...
    沈念sama閱讀 35,734評論 5 346
  • 正文 年R本政府宣布叉弦,位于F島的核電站,受9級特大地震影響藻糖,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜库车,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評論 3 330
  • 文/蒙蒙 一巨柒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧柠衍,春花似錦洋满、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至阵漏,卻和暖如春驻民,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背履怯。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評論 1 270
  • 我被黑心中介騙來泰國打工回还, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人叹洲。 一個月前我還...
    沈念sama閱讀 48,216評論 3 371
  • 正文 我出身青樓柠硕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親运提。 傳聞我的和親對象是個殘疾皇子蝗柔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 第3章 基本概念 3.1 語法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,128評論 0 21
  • 1.HTML DOM (Document Object Model) document.getElementByI...
    廖馬兒閱讀 1,424評論 0 17
  • ??JavaScript 與 HTML 之間的交互是通過事件實(shí)現(xiàn)的癣丧。 ??事件槽畔,就是文檔或?yàn)g覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,493評論 1 11
  • 第1章 認(rèn)識JS JavaScript能做什么?1.增強(qiáng)頁面動態(tài)效果(如:下拉菜單坎缭、圖片輪播竟痰、信息滾動等)2.實(shí)現(xiàn)...
    mo默22閱讀 1,292評論 0 5
  • 第十章 變量、作用域及內(nèi)存 JavaScript的變量與其他語言的變量有很大區(qū)別掏呼。JavaScript變量是...
    上書房_張強(qiáng)閱讀 424評論 0 2