JavaScript,就是我們通常所說的JS,是一種嵌入到HTML頁面中的腳本語言,由浏覽器一邊解釋一邊執行。
我們在“HTML入門教程”中的“前端技術簡介”中深入淺出地講解了HTML、CSS和JavaScript之間的關系,這一篇文章分量很重,大家沒看過的記得回去看一下。
HTML、CSS和JavaScript的關系如下:
“HTML是網頁的結構,CSS是網頁的外觀,而JavaScript是頁面的行為。”
我們都知道單純的HTML頁面是靜態的(只供浏覽),而JavaScript的出現,把靜態的頁面轉換成支持用戶交互並響應相應事件的動態頁面。那麼在我們平常的浏覽的網頁中,都有哪些地方用到了JavaScript呢?
我們就拿 學習網來說,導航、tabs選項卡、回頂部這些地方都用到了JavaScript。HTML只是一門描述性的語言,這些地方單純地使用HTML是無法實現的,而必須使用編程的方式來實現,那就必須使用JavaScript了。
圖1  學習網中的圖片切換
圖2  學習網中的tabs選項卡
圖3  學習網中的回頂部特效
HTML頁面是靜態的,而JavaScript可以彌補HTML語言的缺陷,實現Web頁面客戶端的動態效果。JavaScript的作用有以下幾點:
HTML頁面是靜態的,一旦編寫,內容是無法改變的。JavaScript可以彌補這個不足,可以將內容動態地顯示在網頁中。
JavaScript通過修改網頁元素的CSS樣式,達到動態地改變網頁的外觀。
我們常見的在各大網站中的注冊中的驗證功能,就是JavaScript實現的。
JavaScript是基於事件的語言。例如點擊一個按鈕彈出一個對話框,就是鼠標點擊觸發的事件,例如 學習網教程文章中的點贊效果:
對於JavaScript的理解,就一句話:如果沒有使用JavaScript,網頁就是靜態的,唯一的功能就是給用戶浏覽。加入了JavaScript,網頁變得絢麗多彩起來。
在你學習JavaScript入門教程學習之前,你必須要有一定的HTML和CSS基礎,否則你是無法把JavaScript學好的。
JavaScript先修課程:
HTML入門教程
CSS入門教程
站長的話:很多同學抱怨JavaScript比較難學,不像HTML和CSS學得那麼順暢。其實對於沒有編程基礎的人,都一樣的。學習JavaScript,跟學習一門C或Java差不多。編程語言的語法都相似,大家認真學完JavaScript,以後要是再學一門編程語言是輕而易舉的事情。那麼,把JavaScript學好,何樂而不為呢?為了更好幫助大家打好基礎,很多知識點我都盡量講解得非常詳細,所以章節會比較多。但是,我還是那個原則:沒用的知識我絕對不會啰嗦,但是對於重要知識點,我會一再重點提醒。
疑問1、什麼叫“腳本語言”?
腳本語言是由傳統編程語言簡化而來的語言,它與傳統編程語言有很多相似之處,也有不同之處。腳本語言最顯著的特點是:
2、JavaScript和jQuery是什麼關系呢?
我們經常說JavaScript有很多框架,例如什麼ExtJS、Dojo、YUI、jQuery等。其實jQuery就是JavaScript的框架之一。不過jQuery現在可是全球最流行的JavaScript框架。簡單點來說,jQuery就是JavaScript的簡化版,它是使用JavaScript編寫的,本質還是JavaScript。原生的JavaScript需要編寫大量代碼,而jQuery簡化了JavaScript中很多復雜的代碼,使得開發者更加容易使用。
3、JavaScript是一門簡單的語言嗎?
盡管JavaScript是一門比較容易入門的語言,一些非程序人員都可以很容易使用JavaScript進行編程。但是JavaScript卻是一門具有非常豐富特性的語言,它有著和其他編程語言一樣的復雜性,或更復雜。實際上,編寫一些復雜的JavaScript程序,就需要對JavaScript有扎實的理解。
總結1、HTML是網頁的結構,CSS是網頁的外觀,而JavaScript是頁面的行為。
2、HTML頁面是靜態的(只供浏覽),平常我們所見到的各種網頁特效就是使用JavaScript實現的。