HTML JavaScript簡介

1、JavaScript簡介

1.JavaScript是個什麼東西？

    它是個腳本語言，須要有宿主文件，它的宿主文件是HTML文件。

2.它與Java什麼關係？

    沒有什麼直接的聯繫，Java是Sun公司（已被Oracle收購了），JavaScript是netspace（網景公司，已被美國在線收購了），JScript是微軟的，90%像JavaScript，一些功能只能在IE上使用。

3.它的用法：

    在HTML中位置有三塊：

    （1）head裏面

    （2）body裏面

    （3）</html>以後

    爲了保險起見，通常寫在</html>以後。

<script language="javascript">代碼必須放在這裏面</script>

4.三個經常使用對話框：

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

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

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

   

2、JavaScript語法

1.基本數據類型：

    字符串、小數、整數、日期時間、布爾型等。

2.變量：

    都是通用類型var，能夠隨便存儲其它類型的值，能夠直接使用，不用定義。但習慣上定義。

定義變量： var a;    //全部變量定義都用var定義，var是通用的可變類型。

var s = "3.14"; var n = parseFloat(s); ; s += 5;
var d = parseInt(s);

3.數組：

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

    數組元素的賦值：a[0]=123; a[1]="hello";     //元素中的索引從0開始。

    數組的取值：a[i];

    數組屬性：a.length;    //數組元素的個數，長度。

    方法：a.sort();//數組排序，按照每個元素的第一個字符進行排序。a.reverse();    //翻轉數組。

4.函數：

    函數的四要素：名稱、輸入、返回值、加工。

    定義函數：function add(形參){函數體}     //函數名爲add，輸入爲參數的形式，返回值能夠是var類型，也能夠return一個返回值。

    函數必須通過調用才能執行。函數的調用：add（實參）。

 

 

 

*放在頭部也能夠讀取（最早讀取頭部）

表單提交時會自動刷新網頁，最好關掉

寫法：

1、輸出

<script>

                                                       document.write("hello world");

</script>

2、按鈕運用

<input name="alert" value="alert"type="button" onclick='alert("這是觸發事件")'/>

   

3、定義變量並輸出

         var bianliang;

          bianliang="123";

          document.write(bianliang);

4、改變元素的屬性

<p id="hello">hello</p>

<script>

                         function hello()

                         {

                                                       x=document.getElementById("hello")

                                                       x.style.color = "#ff0000";

                         }

</script>

<input type="button" value="點擊變顏色" onclick="hello()" />

<!--點擊由黑色變紅色-->

5、item索引，指示第n個出現的元素，與getElementsByName同時使用

   

   

定義一組變量

var student =

                         {

                                                       name:"張三",

                                                       sex:"男"

                         };

                         student.name="張三";

                         document.write(student.name);

（*打印「張三」）

外部調用JS

<script src=」」></script>