自從學(xué)習(xí)網(wǎng)頁前端設(shè)計(jì)以來,我一直把主要的精力和時(shí)間放在研究Photoshop、Html以及CSS上面,很少學(xué)習(xí)JavaScript,原因是之前不知道網(wǎng)頁的構(gòu)成由三個(gè)部分,內(nèi)容(Html)、外觀(CSS)和行動(dòng)(JavaScript)組成,而JavaScript作為代表行動(dòng)的部分具有相當(dāng)?shù)闹匾浴]有JavaScript參與的網(wǎng)頁如同是一本書,單方面的對(duì)用戶灌輸信息,而有了JavaScript的網(wǎng)頁,才和用戶有所互動(dòng)。所以現(xiàn)在狠下心來惡補(bǔ)JavaScript,之前學(xué)習(xí)Html和CSS的時(shí)候閱讀過O’Reilly公司出版的《Head First HTML with CSS &XHTML》,認(rèn)為相當(dāng)?shù)牟诲e(cuò),所以這次學(xué)習(xí)JavaScript還是選擇了他們出版的《Head First JavaScript》這本書。截至目前已經(jīng)看完了第四章,總體感覺還是很不錯(cuò)的,整本書依舊延續(xù)了深入淺出,通俗易懂的風(fēng)格,很適合新手閱讀。

書中主要使用讓人感興趣的案例來一步步引導(dǎo)讀者學(xué)習(xí)JavaScript。比如在第一章就使用了一個(gè)寵物石的例子來引導(dǎo)讀者學(xué)習(xí)。寵物石是一張放在頁面中的圖片,為了讓他能和用戶互動(dòng),首先考慮在網(wǎng)頁完全載入后,彈出一個(gè)JavaScript的alert框,列出歡迎用戶的信息。這里就會(huì)涉及到JavaScript中的onload事件和alert()函數(shù)。然后為了進(jìn)一步增加寵物石和讀者的互動(dòng),讓用戶在點(diǎn)擊寵物石后,寵物石詢問用戶姓名,呈現(xiàn)出個(gè)性化的歡迎信息,并且讓寵物石露出微笑。就會(huì)在這一步學(xué)習(xí)到onclick事件、prompt()函數(shù)以及getElementById這個(gè)document對(duì)象中的方法,用它們來實(shí)現(xiàn)上面想要寵物石達(dá)到的和用戶互動(dòng)的效果。寵物石案例之后還會(huì)出現(xiàn)銷售面包圈和案例、火柴人大冒險(xiǎn)的案例等等,從這些有趣的案例的一步步完成當(dāng)中你就可以學(xué)到JavaScript各個(gè)方面的知識(shí)。當(dāng)然如果你已經(jīng)掌握了JavaScript的基礎(chǔ)知識(shí),你可能會(huì)覺得作者講的有些啰嗦,這本書就不太適合你閱讀了。

