天天看點

JavaScript學習記錄(一)

JavaScript學習記錄(一)

主要内容:JavaScript的簡介和初步實作

1.什麼是JavaScript

JavaScript是網景(Netscape)公司開發的一種基于用戶端浏覽器、基于面向對象、事件驅動式的網頁腳本語言。

JavaScript語言的前身叫作Livescript,于1995年11月末與Sun公司聯合宣布把其名改為JavaScript。

JavaScript是屬于web的語言,它适用于PC、筆記本電腦、平闆電腦和行動電話。

JavaScript的正式名稱是“ECMAScript”。這個标準由ECMA組織發展和維護。ECMA-262是正式的JavaScript标準。這個标準基于JavaScript(Netscape)和Jscript(Microsoft)。

2.JavaScript特點

JavaScript是一種解釋性腳本編寫語言

JavaScript是基于對象的腳本程式設計語言

簡單性

安全性

動态性

跨平台性

3.JavaScript作用

主要作用展現在:互動式操作、表單驗證、網頁特效、Web遊戲、伺服器腳本開發等。

4.在HTML頁面中嵌入JavaScript代碼的兩種方式

①使用JavaScript:字首建構執行JavaScript代碼

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
<p>
<a href="javascript.alert('使用字首運作JavaScript')" target="_blank" rel="external nofollow" >
	運作JavaScript
</a>
</p>
</body>
</html>
           

②使用<script…/>标簽來包含JavaScript代碼

 在HTML頁面中插入JavaScript,可以直接使用<script>标簽。

<script>和</script>之間寫入JavaScript代碼。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
<p>
	<script type="text/javascript">
         alert("直接運作的JavaScript");
       //alert()函數在JavaScript中并不常用,但它對于代碼測試非常友善。(類似于Java中的System.out.print()函數,可以輸出顯示)
	</script>
        
        <script>
         alert("直接運作的JavaScript");
        </script>
</p>
</body>
</html>
           

老舊的執行個體中的<script>标簽中含有type="text/javascript"。現在可以不必這麼做。JavaScript是所有現代浏覽器以及HTML5中的預設腳本語言。(參考w3school)

上面的代碼執行個體中的JavaScript語句,會在頁面加載時執行。

通常情況下,我們希望需要在某個事件發生時執行代碼,比如當使用者點選按鈕時,這時我們可以把JavaScript代碼放入函數中,這樣就可以在事件發生時調用該函數。(有點類似于Java中的事件監聽)

5.<head>或<body>中的JavaScript

在HTML文檔中可以放入不限數量的腳本。

腳本可以位于HTML的<body>或<head>部分中,或者同時存在于兩個部分中。

通常的做法把函數放入<head>部分中,或者放在頁面的底部。這樣就可以把他們安置到同一處位置,不會幹擾頁面的内容。

6.導入外部的JavaScript檔案

為了讓HTML頁面和JavaScript腳本很好的分離開,我們可以将JavaScript腳本單獨儲存到一個*.js檔案裡,HTML頁面導入該*.js檔案即可

導入JavaScript腳本檔案的文法:

<script src="*.js" type="text/javascript"></script> 舊版本

<script src="*.js"></script> 新版本

在<script>标簽的"src"屬性中設定.js檔案。

繼續閱讀