我的WebDesign之路--提高篇[2] (轉)

我的WebDesign之路--提高篇[2] (轉)[@more@]

//昨天喝得有點多了呵呵。。。shy *_*

  本篇仍然以提供學習思路為主，沒有太艱深的內容，把重點提出來，希望能對大家有點幫助。

  前面有說過，大家剛學網頁設計時，總喜歡加上很多"特效"，比如做一個層，讓它飛來飛去，或者一片片花瓣徐徐飄下。 或者打字效果，翻轉圖片(s image)什麼的:) 事實上，只有真正到了一定"境界"，才能真的把這些特效用地恰到好處。 就像劍法使得眼花繚亂,卻華而不實，其實毫無意義。要恰到好處地用好指令碼特效，至少要對於網頁配色，構圖有一定心得(以後會提及)。加強視覺上的衝擊，加強網頁的藝術效果,這些是客戶端指令碼的一個應用。更重要的應用在於和服務端指令碼結合。

  這些特效就是用客戶端指令碼來實現的。什麼是客戶端指令碼？通俗地說就是嵌入在HTML 網頁中的，它執行在客戶端的上。注意，它和前面說過的HTML和CSS是不一樣的。HTML和CSS都是標識性語言，而客戶端指令碼是真正的程式。

  目前使用的客戶端指令碼就是和script兩種。VBScript 是的子集,是特意為在瀏覽器中進行工作而設計的，它不包括一些在指令碼這個範圍以外 的特性，如訪問和列印等等。如果你想在瀏覽器指令碼中用到VBScript，這個瀏覽器必須是IE,其他流行的瀏覽器可能不支援VBScript。而幾乎所有允許編寫指令碼的瀏覽器都支援。所以通常我們都選擇JavaScript，因為我們通常無法控制訪問  網頁者全都使用IE。 VBS和JS的區別這裡不多說了，以下以JS為例說說客戶端指令碼的學習。和講解CSS一樣，不是教程，只是點出需要重點理解和掌握的地方。

  首先要明白，JavaScript是一種基於()和事件(Event Driven)的指令碼語言。它是一種解釋性語言，其在發往客戶端之前不需經過編譯，而是將文字格式的字元程式碼傳送給客戶編由瀏覽器解釋執行。

  大致知道了以上的知識後，就開始實際寫一些小程式來加深理解。當然，要先懂得如何在HTML中嵌入JavaScript。就是一句話：
JavaScript程式碼由

說明。 
 在標識  之間就可加入JavaScript指令碼。

  然後要了解，JavaScript指令碼語言的基本構成是由控制語句、、物件、方法、屬性等,來實現程式設計的。

  大致的學習方向如下：

  1。熟悉基本資料型別，常量，變數的定義；
  2。和常用運算子；
  3。程式控制語句(if,for,while,break,continue等);
   4。函式；

  以上和學其他的程式語言是很相似的。如果已經有一定程式設計基礎，學習起來應該是非常輕鬆。

  5。 事件驅動及事件處理   關鍵所在！

  通常滑鼠或熱鍵的動作我們稱之為事件（Event），而由滑鼠或熱鍵引發的一連串程式的動作，稱之為事件驅動（Event ）。而對事件進行處理程式或函式，我們稱之為事件處理程式（Event Handler）

  要熟悉常用的事件，例如：單擊事件onClick,onChange改變事件,選中事件on,
  獲得焦點事件onFocus,失去焦點onBlur,載入檔案onLoad,解除安裝檔案onUnload。。等等  。

  還要熟悉事件都是針對哪些物件的，例如onClick是針對button,checkbox,radio,reset buttons,submit buttons等物件。

  //注意：程式控制、函式、事件是學習掌握JavaScript程式設計的重點。

  6。物件的相關知識；

  JavaScript是基於物件的（Object-Based），而不是物件導向的（object-oriented
  ）。它沒有提供象抽象、繼承、過載等有關面嚮物件語言的許多功能。但它可以根據
  需要建立自己的物件。

  1)物件的基本結構,引用，操作語句,屬性的引用,方法的引用等等，都是需要掌握的
  。
  2)熟悉常見的物件(string,math,date)屬性和方法。
　3)建立新物件的方法。

  7。瀏覽器的內部物件。

  包括瀏覽器物件(Navigator),視窗物件(),位置物件(Location),歷史物件(H
  istory),文件物件(Document) 等。

  // 這是我們最常打交道的一部份了，通常常見的"特效"都是基於瀏覽器
  的內部物件。

  利用這些物件，可以對瀏覽器環境中的事件進行控制並作出處理。。例如對於視窗物件，常見的彈出警告,用window.alert()，新開視窗用window.open()等等。。

  //一定要熟練掌握:)

  8。JavaScript和端程式設計的結合應用。

  在我看來，這是JS最重要的應用。主要是和form,frames相結合。

  常用在表單中的文字框，提交按鈕，重設按鈕，單選框，核取方塊,以及用於驗證表單 遞交的合法性,對於表單中的字元預格式化等等。 還需要學會一些正規表示式的知 識,還有巧妙地運用陣列。

  //這應該算比較高階的內容了，以後有機會再細說呵呵。

  總的來說，JS比HTML和CSS會難掌握一些，因為它畢竟屬於程式設計範疇，很多時候需要隨機應變.但不是太複雜，熟能生巧。而且實際的設計中用到的功能並不是太多，程式碼可以重用:)