JavaScript簡介

概念

• JavaScript主要用于HTML的頁面，嵌入在HTML的源碼中。，它存在于全世界所有 Web 瀏覽器中，能夠增強用戶與 Web 站點和 Web 應(yīng)用程序之間的交互。
• JS是弱類型語言,沒有類型聲明,它的變量不必具有一個明確的類型。
  JS是腳本語言，換句話說，可以用來編程的并且直接執(zhí)行源代碼的語言,就是腳本語言。
• JS也是解釋性的語言。何為解釋性語言?是在運行的時候?qū)⒊绦蛑苯臃g成機器的語言。
• JavaScript是一種基于對象(Object)和事件驅(qū)動(Event Driven)并具有安全性能的腳本語言,可廣泛用于服務(wù)器、PC、筆記本電腦、平板電腦和智能手機等設(shè)備。
• HTML5的出現(xiàn)更是突出了JavaScript的重要性，例如HTML5的繪圖支持、本地存儲、離線應(yīng)用、客戶端通信等，都大量使用了JavaScript。
• JS不操作任何的數(shù)據(jù)，直接對用戶和客戶的輸入做出相應(yīng)。

特點

• 簡單性：它是基于Java基本語句和控制流之上的簡單而緊湊的設(shè)計，是學(xué)習(xí)Java的好過渡，而且，它的變量類型是采用弱類型，未采用嚴格的數(shù)據(jù)類型。
• 安全性：JS不允許訪問本地硬盤，不能將數(shù)據(jù)存入到服務(wù)器上，不允許對網(wǎng)絡(luò)文檔進行修改和刪除，只能通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互，從而有效的防止數(shù)據(jù)的丟失。
• 動態(tài)性：JS可以直接對用戶或客戶輸入做出響應(yīng)，無須經(jīng)過Web程序。它對用戶的響應(yīng)采用以事件驅(qū)動的方式進行，即由某種操作動作引起相應(yīng)的事件響應(yīng)，如：點擊鼠標、移動窗口、選擇菜單等。
• 跨平臺性：JS依賴于瀏覽器本身，與操作環(huán)境無關(guān)。只要能運行瀏覽器的計算機，并安裝了支持JS的瀏覽器就可以正確執(zhí)行，從而實現(xiàn)了“編寫一次，走遍天下”的夢想。

組成

由ECMAScript、文檔對象模型（DOM）、瀏覽器對象模型（BOM）。

注：

• DOM描述了處理網(wǎng)頁內(nèi)容的方法和接口。通過DOM，可以訪問所有的HTML元素，連同它們所包含的文本和屬性，可以對其的內(nèi)容增、刪、改、查。
• BOM描述了與瀏覽器進行交互的方法和接口
• ECMAScript描述該語言的語法和基本對象

圖片1.png

圖片2.png

開發(fā)工具

1、記事本
2、EditPlus
3、Notepad++
4、HBuilder
5、WebStrom
6、Sublime （較好）

Javascript的工作原理

圖片3.png

JavaScript的基本語法
<script type=”text/javascript”>
JavaScript語句；
</script >
注：

• <script>…</ script>可以包含在文檔中的任何地方，只要保證這些代碼在使用前已讀取并加載了所有的文檔內(nèi)容即可。所以，Script應(yīng)寫在body中的最后一個元素，以保證所有元素均被加載。
• <script>有一個必選的屬性type,用來指明腳本的類型，常用的是type=”text/javascript”（傳統(tǒng)的寫法，瀏覽器支持較好）。type的屬性值也可選text/javascript、application/javascript、text/vbscript、text/jscript、text/x-javascript等。

網(wǎng)頁中引用JavaScript的方式

1.內(nèi)部添加，使用<Script>標簽
語法：<script type=”text/javascript” ></script>
注：Script應(yīng)寫在body中的最后一個元素，以保證所有元素均被加載。
2.鏈接外部JS文件
語法：<script type=”text/javascript” src=”xxx.js” ></script>
注：引入Script語句應(yīng)寫在body中的最后，以保證所有元素均被加載。
3.在HTML標簽中，作為某個元素的事件屬性值或者是超鏈接href屬性值
示例：
<input name="btn" type="button" value="彈出消息框" onclick="javascript:alert('歡迎你');"/>
注：當即有內(nèi)部添加，又有鏈接外部的JS文件時，
內(nèi)部添加的語句不能添加到鏈接外部的JS文件的語句中，需要重新寫一個內(nèi)部添加的<script>…<script>語句。

注意事項

• JavaScript的執(zhí)行順序：按照HTML文件中的順序依次執(zhí)行
• JavaScript嚴格區(qū)分大小寫，大小寫敏感
• JavaScript的語句與語句之間忽略空白符和換行符
• JavaScript通過\對代碼進行這行操作
• JavaScript使用分號(;)結(jié)束語句時，最后一個的分號(;)可以省略，金陵不要省略。
• JavaScript可以使用大括號{}括成一個語句組，形成一個塊block

注釋

• 單行注釋：//注釋內(nèi)容
• 多行注釋：/注釋內(nèi)容/
• 文檔注釋：/*注釋內(nèi)容/
  注：2、3的結(jié)果是一樣的。

基本操作

1.alert();頁面彈出框
注：

• alert()的參數(shù)內(nèi)容必須為字符串。
• alert()的參數(shù)內(nèi)容為中文時必須加雙引號或單引號，而變量不必加。
• alert()中換行時，使用轉(zhuǎn)移字符\n。
• 雙引號中不能嵌套雙引號，單引號中不能嵌套單引號，若要使窗口中的文字帶有雙引號，則必須使雙引號的外面再次嵌套一個單引號。
• 雙引號內(nèi)部不能換行。

2.document.write();向頁面文檔中寫入內(nèi)容(文本或標簽)
注：

• 可以解析標簽，換行使用
  
• 內(nèi)容為字符串
• 如果在文檔已加載完成后執(zhí)行document.write(),整個HTML頁面將被覆蓋

3.console.log();向控制臺寫入內(nèi)容(主要用于檢錯)
注：

• 只能寫入文本，不能識別標簽
• 用于檢錯，檢錯不建議使用alert().

關(guān)鍵字和保留字

• 關(guān)鍵字和保留字：在JS中具有特殊含義的單詞
• Javascript 的保留關(guān)鍵字不可以用作變量、標簽或者函數(shù)名。
• • 標記的關(guān)鍵字是 ECMAScript5 中新添加的。

tupian.jpg

標識符

標識符：給變量、函數(shù)和對象等指定的名字
標識符的命名規(guī)則：
1.區(qū)分大小寫。
2.標識符可以由字母、數(shù)字、下劃線(_)和美元($)組成，但不能以數(shù)字開頭。
3.不能喝關(guān)鍵字重復(fù)，見名之意。
4.習(xí)慣上，采用駝峰式命名，處第一個單詞外，剩余單詞首字母大寫。

變量

變量概念
用于保存值或表達式，變量就是它的值是可以被改變的。
變量的命名規(guī)范
同標識符的命名規(guī)范一樣。
變量的聲明
聲明變量：var 變量名；
變量賦值：變量名=值；
聲明變量同時賦值：var 變量名=值；

注：a、同時聲明多個變量用逗號(,)分開 eg. var a=1,b=2;
b、如果再次聲明了JavaScript變量，該變量也不會丟失其原始值
eg. var x=5; var x;
c、重新賦值會抹掉原來的變量值
eg. var x=5; var x=7;
d、聲明也可以跨行 eg. var userbame,
sex;

重點：

JavaScript的系統(tǒng)提示框

confirm()：確定和取消的對話框

• 表現(xiàn)：消息確認框，有兩個按鈕，一個確定，一個取消，消息框上會顯
  示提示信息
• 參數(shù)：(參數(shù)就是寫在()里面的內(nèi)容)
  參數(shù)只有一個，就是提示信息，提示信息是字符串的形式出現(xiàn)(意思是值必須有""或''引起來的)
• 返回值：這個確認框會返回一個結(jié)果，結(jié)果是boolean類型，要么是true，要么是false；”確認”是true，”取消”是false.

*alert()：提示框 *

• 表現(xiàn)：警告框，有一個按鈕，顯示確定，警告框顯示提示信息
• 參數(shù)：只有一個，可以是任何類型
• 返回值：無返回值
  注：
• 內(nèi)容若是字符串，則必須用雙引號或單引號；若為變量名，則不用；若內(nèi)容為數(shù)字，則不需要用雙引號或單引號，直接寫數(shù)字即可。
• \n轉(zhuǎn)義字符是字符串的一種，+(加號)為字符串連接符。

prompt()：輸入框
*表現(xiàn)：頁面輸入框，有兩個按鈕，一個確定，一個取消，消息框上會顯 示提示信息，還會有一個輸入框
*參數(shù)：有兩個，均為字符串，第一參數(shù)是字符串類型，表示提示信息，第二個參數(shù)是輸入框的默認值，第二個參數(shù)可以省略，若省略在ie中默認是undefined,在chrome和FF中默認是空字符串；若不省略，則第二個參數(shù)會顯示在輸入框中。
*返回值：返回的是輸入的內(nèi)容(字符串類型) 或者" "或者null
注：
*若一個變量，只定義未賦值，其值為undefined.
*返回值為字符串

總結(jié)

1、加號有兩種用途：
a、”+”字符串連接符 b、運算符
2、parseFloat()
作用：將字符串類型的參數(shù)轉(zhuǎn)換成浮點的數(shù)值類型。
3、document.getElementById('xx')
作用：是獲取HTML中的Id號為xx的元素。
4、若將var numEl= document.getElementById('xx').value;
作用：就是獲取xx元素的值，其為字符串類型。