2014年辛星Javascript解讀第一節

2014年辛星Javascript解讀第一節

***************概述***************

1.Javascript是一種原型化繼承的基於對象的動態類型的指令碼語言，它區分大小寫，主要運行在用戶端，使用者即使響應使用者的操作並進行資料的解析和傳遞。

2.Javascript和Java並沒有太多的關係，只是名字重複了四個字母。

3.Javascript的主要功能是進行資料驗證、提供網頁特效，動態響應使用者的操作，我們提到Javascript也通常會提到jQuery和Ajax。

************Javascript的曆史***********

1.它的前身是LiveScript，首次投入使用是在1995年的Netscape的瀏覽器中。

2.後來微軟涉足瀏覽器市場，導致該市場的前端指令碼語言出現了三足鼎立的情況，也讓前端的指令碼開發變得非常混亂，於是，是時候制定一個標準了。

3.1997年，Javascript1.1被提交給ECMA，後來國際標準組織及國際電子電機委員會也採納了該提案，因此，它成了事實上的標準，不過它此時的名字叫做ECMAScript。

4.一個完整的Javascript有如下三部分組成：核心部分（ECMAScript）、文件物件模型（DOM）、瀏覽器物件模型（BOM）。

*************第一個Javascript程式***********

1.我知道很多人學習編程是從helloworld開始的，那我們也從這個經典的helloworld開始把。

2.建立有一個html檔案，用編輯器開啟，書寫如下代碼：

<script>function xin(){alert("Hello world");}</script>辛星 

3.儲存之後用瀏覽器開啟，然後點擊“辛星”按鈕，發現會有一個彈出的對話方塊，上面書寫十個大字"Hello world".

4.通過上面的例子大家也可以看到，我們這裡採用的是直接把Javascript代碼嵌入到html檔案中去，當然，也可以分開寫，然後由html檔案去匯入該Javascript檔案。

5.有些老舊的瀏覽器可能需要在script中加入type ="text/javascript"，但是現在已經不需要了，現代瀏覽器以及HTML5都是預設使用Javascript的。

6.上面我們是定義了一個Javascript的函數，它使用function去定義，其他的部分和其他程式設計語言就很相似了，文法上也很接近Java。

7.我們在body標籤中有一個Button按鈕，它的作用是點擊的時候會觸發一定的事件，即調用一定的函數，這裡的函數就是我們的script中的函數xin。

**************Javascript寫在哪*******

1.我們上面是寫在了head標籤中，其實還可以寫在body標籤中。

2.看如下代碼：

<script></script><script>    document.write("
部落格園辛星
");    document.write("
傳遞溫情
");</script> 

3.就像我們匯入css檔案一樣，我們也可以類似的方式匯入Javascript檔案，比如我們建立一個HTML檔案，代碼如下：

<script src = "my.js"></script>    辛星 

然後我們在同一目錄下建立一個my.js檔案，內容如下：

function xin(){    alert("辛星");}

然後我們儲存該html檔案，運行，發現我們點擊“辛星”按鈕的時候，會彈出一個“辛星”的對話方塊。

4.需要記住的是，我們引入的js檔案中直接寫js代碼就可以了，不需要額外的使用什麼標籤。

************小結*************

1.本小節我們解讀了Javascript的基本知識。

2.然後我們開始了第一個js程式，然後我們解讀了一下js代碼的書寫位置。