DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 1.1 JavaScript是什麼?
1.1 JavaScript是什麼?
編輯:JavaScript基礎知識     

一、JavaScript簡介

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  學習網中的回頂部特效

二、JavaScript的特點

HTML頁面是靜態的,而JavaScript可以彌補HTML語言的缺陷,實現Web頁面客戶端的動態效果。JavaScript的作用有以下幾點:

1、動態改變頁面內容

HTML頁面是靜態的,一旦編寫,內容是無法改變的。JavaScript可以彌補這個不足,可以將內容動態地顯示在網頁中。

2、動態改變網頁的外觀

JavaScript通過修改網頁元素的CSS樣式,達到動態地改變網頁的外觀。

3、驗證表單數據

我們常見的在各大網站中的注冊中的驗證功能,就是JavaScript實現的。

4、響應事件

JavaScript是基於事件的語言。例如點擊一個按鈕彈出一個對話框,就是鼠標點擊觸發的事件,例如 學習網教程文章中的點贊效果:

對於JavaScript的理解,就一句話:如果沒有使用JavaScript,網頁就是靜態的,唯一的功能就是給用戶浏覽。加入了JavaScript,網頁變得絢麗多彩起來。

三、關於JavaScript

在你學習JavaScript入門教程學習之前,你必須要有一定的HTML和CSS基礎,否則你是無法把JavaScript學好的。

JavaScript先修課程:

HTML入門教程

CSS入門教程

站長的話:很多同學抱怨JavaScript比較難學,不像HTML和CSS學得那麼順暢。其實對於沒有編程基礎的人,都一樣的。學習JavaScript,跟學習一門C或Java差不多。編程語言的語法都相似,大家認真學完JavaScript,以後要是再學一門編程語言是輕而易舉的事情。那麼,把JavaScript學好,何樂而不為呢?為了更好幫助大家打好基礎,很多知識點我都盡量講解得非常詳細,所以章節會比較多。但是,我還是那個原則:沒用的知識我絕對不會啰嗦,但是對於重要知識點,我會一再重點提醒。

疑問

1、什麼叫“腳本語言”?

腳本語言是由傳統編程語言簡化而來的語言,它與傳統編程語言有很多相似之處,也有不同之處。腳本語言最顯著的特點是:

  • (1)它不需要編譯成二進制,以文本形式存在;
  • (2)腳本語言一般都需要其他語言的調用執行,不能獨立運行。

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實現的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved