JavaScript教程–從入門到精通(一)

來源:互聯網
上載者:User

javascript教程語言概況

  Internet時代,造就了我們新的工作和生活,其互聯性、開放性和共用資訊的模式,打破了傳統資訊傳播方式的重重壁壘,為我們帶來了新的機遇。隨著電腦和資訊時代的到來,人類社會前進的腳步在逐漸加快,每一天都有新的事情發生,每一天都在創造著奇蹟。隨著Internet技術的突飛猛進,各行各業都在加入Internet的行業中來。無論從管理方面,還是從商業角度來看,Internet都可以帶來無限生機。通過Internet,可以實現地區、集體乃至個人的串連,從而達到一種“統一的和諧”。那麼怎樣把自己的或公司的資訊資源加入到WWW 服務器,是廣大使用者日益關心的問題。採用超鏈技術(超文本和超媒體技術)是實現這個目標最簡單的、最快速的手段和途徑。具體實現這種手段的支援環境,那就是HTML超文本標識語言。通過它們可製作所需的Web網頁。
  通過超文本(Hyper Text)和超媒體(Hyper Media)技術結合超連結(Hyper link)的連結功能將各種資訊組織成網路結構(web),構成網路文檔(Document),實現Internet上的“漫遊”。通過HTML符號的描述就可以實現文字、表格、聲音、映像、動畫等多媒體資訊的檢索。
  然而採用這種超鏈技術存在有一定的缺陷,那就是它只能提供一種靜態資訊資源,缺少動態用戶端與伺服器端的互動。雖然可通過CGI(Common Gateway Interface)通用閘道介面實現一定的互動,但由於該方法編程較為複雜,因而在一段時間防礙了Internet技術的發展。而javascript的出現,無凝為Internet網上使用者帶來了一線生機。可以這樣說,javascript的出現是時代的需求,是當今的資訊時代造就了javascript。
  javascript的出現,它可以使得資訊和使用者之間不僅只是一種顯示和瀏覽的關係,而是實現了一種即時的、動態、可交式的表達能力。從而基於CGI靜態HTML頁面將被可提供動態即時資訊,並對客戶操作進行反應的Web頁面的取代。javascript指令碼正是滿足這種需求而產生的語言。它深受廣泛使用者的喜愛的歡迎。它是眾多指令碼語言中較為優秀的一種,它與WWW的結合有效地實現了網路計算和網路電腦的藍圖。無凝Java家族將佔領Internet網路的主導地位。因此,儘快掌握javascript指令碼語言編程方法是我國廣大使用者日益關心的。

一、什麼是javascript
  javascript是一種基於對象(Object)和事件驅動(Event Driven)並具有安全效能的指令碼語言。使用它的目的是與HTML超文字標記語言 (HTML)、Java 指令碼語言(Java小程式)一起實現在一個Web頁面中連結多個對象,與Web客戶互動作用。從而可以開發用戶端的應用程式等。它是通過嵌入或調入在標準的HTML語言中實現的。它的出現彌補了HTML語言的缺陷,它是Java與HTML折衷的選擇,具有以下幾個基本特點:

  指令碼編寫語言
  javascript是一種指令碼語言,它採用小程式段的方式實現編程。像其它指令碼語言一樣,javascript同樣已是一種解釋性語言,它提供了一個易的開發過程。
  它的基本結構形式與C、C++、VB、Delphi十分類似。但它不像這些語言一樣,需要先編譯,而是在程式運行過程中被逐行地解釋。它與HTML標識結合在一起,從而方便使用者的使用操作。

  基於對象的語言
  javascript是一種基於對象的語言,同時以可以看作一種物件導向的。這意味著它能運用自己已經建立的對象。因此,許多功能可以來自於指令碼環境中對象的方法與指令碼的相互作用。

  簡單性
  javascript的簡單性主要體現在:首先它是一種基於Java基本語句和控制流程之上的簡單而緊湊的設計, 從而對於學習Java是一種非常好的過渡。其次它的變數類型是採用弱類型,並未使用嚴格的資料類型。

  安全性
  javascript是一種安全性語言,它不允許訪問本地的硬碟,並不能將資料存入到伺服器上,不允許對網路文檔進行修改和刪除,只能通過瀏覽器實現資訊瀏覽或動態互動。從而有效地防止資料的丟失。

  動態性
  javascript是動態,它可以直接對使用者或客戶輸入做出響應,無須經過Web服務程式。它對使用者的反映響應,是採用以事件驅動的方式進行的。所謂事件驅動,就是指在首頁(Home Page)中執行了某種操作所產生的動作,就稱為“事件”(Event)。比如按下滑鼠、移動視窗、選擇菜單等都可以視為事件。當事件發生後,可能會引起相應的事件響應。

  跨平台性
  javascript是依賴於瀏覽器本身,與作業環境無關,只要能運行瀏覽器的電腦,並支援javascript的瀏覽器就可正確執行。從而實現了“編寫一次,走遍天下”的夢想。

  實際上javascript最傑出之處在於可以用很小的程式做大量的事。無須有高效能的電腦,軟體僅需一個文書處理軟體及一瀏覽器,無須WEB伺服器通道,通過自己的電腦即可完成所有的事情。
  綜合所述javascript 是一種新的描述語言,它可以被箝入到 HTML 的檔案之中。 javascript語言可以做到回應使用者的需求事件 (如: form 的輸入) ,而不用任何的網路來回傳輸資料,所以當一位使用者輸入一項資料時,它不用經過傳給伺服端 (server)處理,再傳回來的過程,而直接可以被用戶端 (client) 的應用程式所處理。
  javascript 和 Java 很類似,但到底並不一樣! Java 是一種比 javascript 更複雜許多的程式語言,而 javascript 則是相當容易瞭解的語言。javascript 創作者可以不那麽注重程式技巧,所以許多 Java 的特性在 Java Script 中並不支援。

二、javascript和Java的區別
  雖然javascript與Java有緊密的聯絡,但卻是兩個公司開發的不同的兩個產品。Java是SUN公司推出的新一代物件導向的程式設計語言,特別適合於Internet應用程式開發;而javascript是Netscape公司的產品,其目的是為了擴充Netscape Navigator功能,而開發的一種可以嵌入Web頁面中的基於對象和事件驅動的解釋性語言,它的前身是Live Script;而Java的前身是Oak語言。下面對兩種語言間的異同作如下比較:

  基於對象和物件導向
  Java是一種真正的物件導向的語言,即使是開發簡單的程式,必須設計對象。
  javascript是種指令碼語言,它可以用來製作與網路無關的,與使用者互動作用的複雜軟體。它是一種基於對象(Object Based)和事件驅動(Event Driver)的程式設計語言。因而它本身提供了非常豐富的內部對象供設計人員使用。

  解釋和編譯
  兩種語言在其瀏覽器中所執行的方式不一樣。Java的原始碼在傳遞到用戶端執行之前,必須經過編譯,因而用戶端上必須具有相應平台上的模擬器或解譯器,它可以通過編譯器或解譯器實現獨立於某個特定的平台編譯代碼的束縛。
  javascript是一種解釋性程式設計語言,其原始碼在發往用戶端執行之前不需經過編譯,而是將文字格式設定的字元代碼發送給客戶編由瀏覽器解釋執行。

  強變數和弱變數
  兩種語言所採取的變數是不一樣的。
  Java採用強型別變數檢查,即所有變數在編譯之前必須作聲明。如:
  Integer x;
  String y;
  x=1234;
  x=4321;
  其中X=1234說明是一個整數,Y=4321說明是一個字串。
  javascript中變數聲明,採用其弱類型。即變數在使用前不需作聲明,而是解譯器在運行時檢查其資料類型,如:
  x=1234;
  y="4321";
  前者說明x為其數值型變數,而後者說明y為字元型變數。

  代碼格式不一樣
  Java是一種與HTML無關的格式,必須通過像HTML中引用外媒體那麼進行裝載,其代碼以位元組代碼的形式儲存在獨立的文檔中。
  javascript的代碼是一種文本字元格式設定,可以直接嵌入HTML文檔中,並且可動態裝載。編寫HTML文檔就像編輯文字檔一樣方便。

  嵌入方式不一樣
  在HTML文檔中,兩種程式設計語言的標識不同,javascript使用<Script>...</Script>來標識,而Java使用<applet>...</applet>來標識。

  靜態聯編和動態聯編
  Java採用靜態聯編,即Java的對象引用必須在編譯時間的進行,以使編譯器能夠實現強型別檢查。
  javascript採用動態聯編,即javascript的對象引用在運行時進行檢查,如不經編譯則就無法實現對象引用的檢查。

三、javascript程式運行環境
Java運行環境
  軟體環境:
  Windows 95/98或Windows NT。
  Netscape Navigator x.0或Internet Explorer x.0。
  用於編輯HTML文檔的字元編輯器(WS、WPS、Notepad、WordPad等)或HTML文檔編輯器。
  硬體設定:
  首先必須具備運行Windows 95/98或Windows NT的基本硬體設定環境。推薦:
  基本記憶體32M。
  CRT只少需要256顏色,解析度在640X480以上。
  CPU只少233以上。
  滑鼠和其它外部設定(根據需要選用)。

四、編寫第一個javascript程式
  下面我們通過一個例子,編寫第一個javascript程式。通過它可說明javascript的指令碼是怎樣被嵌入到HTML文檔中的。
test1.html文檔:

<html>
<head>
<Script Language ="javascript">
// javascript Appears here.
alert("這是第一個javascript例子!");
alert("歡迎你進入javascript世界!");
alert("今後我們將共同學習javascript知識!");
</Script>
</Head>
</Html>

在Internet Explore5.0中運行行後的結果見圖1-1所示。

圖1-1 程式啟動並執行結果

說明: test.html是HTML文檔,其標識格式為標準的HTML格式;
如同HTML標識語言一樣, javascript程式碼是一些可用文書處理軟體瀏覽的文本,它在描述頁面的HTML相關地區出現。
javascript代碼由 <Script Language ="javascript">...</Script>說明。在標識<Script Language ="javascript">...</Script>之間就可加入javascript指令碼。
alert()是javascript的視窗對象方法,其功能是彈出一個具有OK對話方塊並顯示()中的字串。
通過<!-- ...//-->標識說明:若不認識javascript代碼的瀏覽器,則所有在其中的標識均被忽略;若認識,則執行其結果。使用注釋這是一個好的編程習慣,它使其他人可以讀懂你的語言。
javascript 以 </Script> 標籤結束。

  從上面的執行個體分析中我們可以看出,編寫一個javascript程式確實非常容易的

本文來自CSDN部落格,轉載請標明出處:http://blog.csdn.net/likaier/archive/2005/03/24/328782.aspx

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.