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 變量均爲對象。當您聲明一個變量時,就創建了一個新的對象。