我在之前的三期教程里簡(jiǎn)單介紹了萬維網(wǎng)聯(lián)盟W3chool提供的JavaScript教程食棕。從這期開始栅贴，我將開始詳細(xì)介紹JavaScript的具體規(guī)則曹货。本文的內(nèi)容和W3chool上的JavaScript教程相似潘酗，但是會(huì)更詳細(xì)地講解內(nèi)容羔沙，并重新組織例子和順序模软，相當(dāng)于我對(duì)該教程進(jìn)行整理歸納后的總結(jié)伟骨。
我覺得編程就是按照編程語言的設(shè)計(jì)規(guī)則玩游戲，寫出有用的代碼就像是游戲闖關(guān)燃异。而JavaScript語言的功能就是讓我們?cè)谕嬗螒虻倪^程中創(chuàng)建出一個(gè)個(gè)“有趣携狭，有料，也可以有種”的網(wǎng)頁回俐。
<head>標(biāo)簽
<head>標(biāo)簽定義HTML文檔的標(biāo)題逛腿，這個(gè)就是我們經(jīng)常瀏覽的網(wǎng)頁的最頂端里的內(nèi)容。
比如：
上圖中紅框里的內(nèi)容就是放在<head>標(biāo)簽里的內(nèi)容產(chǎn)生的效果仅颇。
當(dāng)然单默，我們也可以在<head>標(biāo)簽里寫入函數(shù)等內(nèi)容。
<script>標(biāo)簽
<script>可以讓我們?cè)贖TML網(wǎng)頁里寫入JavaScript代碼忘瓦，英文script的意思是腳本搁廓。腳本就是執(zhí)行一段代碼實(shí)現(xiàn)某個(gè)功能的文檔。<script>是JavaScript代碼開始的地方政冻，而</script>是JavaScript代碼結(jié)束的地方温学。<script>和</script>之間可以寫入任何JavaScript代碼胸竞，比如：
當(dāng)瀏覽器讀入HTML文件的時(shí)候搞动，遇到上面這段代碼會(huì)自動(dòng)執(zhí)行<script>與</script>之間的JavaScript代碼午笛，也就是在網(wǎng)頁上跳出一個(gè)警告框，框里寫著“My First JavaScript”苦锨。
<body>標(biāo)簽
顧名思義逼泣，<body>標(biāo)簽是指HTML網(wǎng)頁的內(nèi)容趴泌，可以是文本，圖像拉庶，語音嗜憔，交互式界面，執(zhí)行代碼等內(nèi)容氏仗。
舉個(gè)例子吧吉捶，以下是一個(gè)HTML文件的代碼：
在這個(gè)文檔里，<body>和</body>之間的內(nèi)容就是HTML文件的內(nèi)容皆尔。<p>和</p>之間的內(nèi)容是段落呐舔，也就是一段文字。<script>和</script>之間是的代碼的作用是讓HTML文件執(zhí)行以下兩行代碼：
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
這兩行代碼里慷蠕，<p>依然是指文檔珊拼，<h1>是指一級(jí)標(biāo)題，就是文檔中最高一級(jí)的標(biāo)題流炕。如果我們想在網(wǎng)頁上寫一篇文章的話澎现，那么h1標(biāo)簽下的標(biāo)題就是指文章的題目。以上這兩行代碼的作用是在把""內(nèi)的文字寫入HTML文件的輸出上每辟，也就是在HTML網(wǎng)頁上輸出一個(gè)標(biāo)題和一段文字剑辫。效果如下：
<body>中的JavaScript函數(shù)
我們當(dāng)然可以把一個(gè)JavaScript函數(shù)放再HTML文件的<body>范圍內(nèi)。
現(xiàn)在有一個(gè)實(shí)際的問題：怎么實(shí)現(xiàn)在網(wǎng)頁上點(diǎn)擊按鈕改變網(wǎng)頁內(nèi)容的功能影兽？
我們需要一段文字揭斧，方便我們修改。為了讓函數(shù)指向這段文字峻堰，需要給這段文字一個(gè)身份，也就是id盅视。
上圖中的這段文字的身份id是demo捐名。要實(shí)現(xiàn)點(diǎn)擊按鈕修改文字的功能，我們還需要一個(gè)按鈕闹击，可以這樣定義：
這行代碼用botton來告訴HTML文件镶蹋，這里是一個(gè)按鈕，按鈕的圖形界面上會(huì)寫上“點(diǎn)擊這里”的文字來讓我們知道這是一個(gè)按鈕赏半。一旦按鈕被點(diǎn)擊贺归，這行代碼開始調(diào)用myFunction這個(gè)函數(shù)。所以我們還需要定義一個(gè)函數(shù)断箫，如下：
在這段函數(shù)里拂酣，document.getElementById("demo")的作用是得到demo這個(gè)ID的內(nèi)容，然后用innerHTML這個(gè)屬性把內(nèi)容改為"My First JavaScript Function"仲义。
全部的HTML文件內(nèi)容如下：
點(diǎn)擊按鈕婶熬，效果如下：
好了剑勾，這次的內(nèi)容就到這里了，希望大家有所收獲赵颅！
