JavaScript變量以及在HTML中的使用

JavaScript特點:

    a. JavaScript 是所有現代瀏覽器以及 HTML5 中的默認腳本語言

    b. JavaScript 對大小寫敏感


1.HTML中使用JavaScript:

1)書寫位置

   a. HTML 中的腳本必須位於 <script> 與 </script> 標籤之間。

   b. 腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中。

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

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

2)操作 HTML 元素

   a. JavaScript 訪問某個 HTML 元素,可以使用 document.getElementById(id)方法。需要使用 "id" 屬性來標識 HTML 元素。

   b. document.write() 僅僅向文檔輸出寫內容。如果在文檔已完成加載後執行 document.write,整個 HTML 頁面將被覆蓋。

      例如,

      

<button οnclick="myFunction()">點擊這裏</button>
<script>
function myFunction()
{
   document.write("糟糕!文檔消失了。");
}
</script>
3)書寫

   a. 代碼可以折行:

document.write("Hello \
World!");
不能像這樣折行:
document.write \
("Hello World!");

2. JavaScript變量

     var x1=2;    var x2='2';    var x3="2";

1) 變量命名:

     a. 變量必須以字母開頭

     b. 變量也能以 $ 和 _ 符號開頭(不過我們不推薦這麼做)

     c. 變量名稱對大小寫敏感(y 和 Y 是不同的變量)

     提示:JavaScript 語句和 JavaScript 變量都對大小寫敏感。

                向變量賦的值是數值時,不要使用引號。如果您用引號包圍數值,該值會被作爲文本來處理。

2) 一條語句,多個變量:
     a. var name="Gates", age=56, job="CEO";

     b. 聲明也可橫跨多行:
                   var name="Gates",

                  age=56,

                  job="CEO";

3) Value = undefined
       在計算機程序中,經常會聲明無值的變量。未使用值來聲明的變量,其值實際上是undefined。

3.JavaScript數據類型

          字符串、數字、布爾、數組、對象、Null、Undefined

1) JavaScript 擁有動態類型
       JavaScript 擁有動態類型。這意味着相同的變量可用作不同的類型。

2) JavaScript 字符串

     a.字符串是存儲字符(比如 "Bill Gates")的變量。

     b. 字符串可以是引號中的任意文本。您可以使用單引號或雙引號:
            var carname="Bill Gates";

           var carname='Bill Gates';
     c.在字符串中使用引號,只要不匹配包圍字符串的引號即可:

var answer="Nice to meet you!";
var answer="He is called 'Bill'";
var answer='He is called "Bill"';
3) JavaScript 數字

    a. JavaScript 只有一種數字類型。數字可以帶小數點,也可以不帶。

    b. 極大或極小的數字可以通過科學(指數)計數法來書寫:

var y=123e5;      // 12300000
var z=123e-5; 
4) JavaScript 布爾

      布爾(邏輯)只能有兩個值:true 或 false。

5) JavaScript 對象

      a. 對象由花括號分隔。在括號內部,對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔:

var person={firstname:"Bill", lastname:"Gates", id:5566};//對象 (person) 有三個屬性:firstname、lastname 以及 id
      b. 空格和折行無關緊要。聲明可橫跨多行:

var person={
firstname: "Bill",
lastname: "Gates",
id: 5566
};
      3)  對象屬性有兩種尋址方式:

name=person.lastname;
name=person["lastname"];
6) Undefined 和 Null

       Undefined 這個值表示變量不含有值。

      可以通過將變量的值設置爲 null 來清空變量。

7) 聲明變量類型
      聲明新變量時,可以使用關鍵詞 "new" 來聲明其類型:

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;
JavaScript 變量均爲對象。當您聲明一個變量時,就創建了一個新的對象。



發佈了66 篇原創文章 · 獲贊 16 · 訪問量 13萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章