一塊兒學HTML基礎-JavaScritp簡介與語法

簡介：

一、什麼是JavaScript？

    它是個腳本語言，做用是使 HTML 頁面具備更強的動態和交互性，它須要有宿主文件，它的宿主文件就是html文件。

　 JavaScript 是 Web 的編程語言。

    全部現代的 HTML 頁面都使用 JavaScript。

    <script> 標籤用於定義客戶端腳本，好比 JavaScript。

    <script> 元素既可包含腳本語句，也可經過 src 屬性指向外部腳本文件。

    JavaScript 最經常使用於圖片操做、表單驗證以及內容動態更新。

二、JS的用法：

    它在html中經常使用的位置有三種：一、head裏面 二、body裏面 三、</html>以後，爲了保險起見通常寫在</html>以後。

    代碼必須寫在<script>代碼</script>內。（或<script language="javascript">代碼</script>或<script type="text/javascript"></script>

三、三個經常使用的對話框

alert("")——警告對話框，做用是彈出一個警告對話框

    例如：

</html>
<script>
alert("出現錯誤！")
</script>

它只有一個「肯定」按鈕和右上角的「關閉」按鈕，用於彈出警告。

 

confirm("")——肯定對話框，做用是彈出一個可供選擇的肯定對話框，點擊肯定後，它返回ture，點擊取消返回false，可用變量來接收

例如

</html>
<script>
var a=confirm("你肯定要退出麼？")
alert(a)
</script>

點擊肯定後返回ture

點擊取消後返回false

 

prompt("提示內容","默認顯示內容")做用是彈出一個能夠輸入內容的對話框

例如

</html>
<script>
prompt("請輸入一個正整數：","只能是數字！")
</script>

 

語法：基本上與C#一致

一、基本數據類型

    字符串、小數、整數、日期類型、布爾類型等

二、變量

    都是通用類型var（萬能變量），能夠隨便存儲其餘類型的值，能夠直接使用，不用定義，但習慣上定義，例如：var a=5; 或var a="百度"；或var a=false;等

三、運算符

    數學運算符：+、-、*、/

    關係運算符：==  !=  >=  <=  

    邏輯運算符：&&  ||  !

    其餘運算符：+=  -=  *=  /=  ?:

四、語句

    通常分爲順序、分支和循環語句，同C#

五、數組（同C#的集合）

    數組的定義：var array = new Array();，它的長度是動態變化的，裏面能夠聽任何類型的元素。

    數組的賦值：array[0]=3; array[1]="Hello!";

    數組的長度：array.length;，數組元素的個數

    方法：array.sort() 排序數組，按照第一個字符排序， array.revers() 將數組翻轉

六、函數

    函數四要素：名稱、輸入、返回值、加工（函數體）

    定義函數：function add(){} add爲函數名，同C#函數同樣有四種形式，返回值能夠是var類型，也可return一個值

    函數不調用是不會執行的

七、類型轉換

    分爲自動轉換和強制轉換，通常用強制轉換

    其餘類型轉爲整數：parseInt();

    其餘類型轉爲小數：parssFloat();

    另外一個是判斷是不是一個合法的數據類型：isNaN()j;(is not a number是 不是一個數字），是數字的話返回false，不是數字的話返回ture

例如

</html>
<script>
var a;
var s=prompt("請輸入一個正整數：","只能是數字！");
a = isNaN(s);
alert(a)
</script>

 

 

七、$("id")至關於document.getElementById("id")