閱讀706 返回首頁    go 阿裏雲 go 技術社區[雲棲]


Javascript 學習 筆記一

1、操作 HTML 元素

       如需從 JavaScript 訪問某個 HTML 元素,您可以使用 document.getElementById(id) 方法。
       請使用 "id" 屬性來標識 HTML 元素:
例子:
       通過指定的 id 來訪問 HTML 元素,並改變其內容:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p >My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>

輸出結果:

My First Web Page

My First JavaScript

2、數組       

      下麵的代碼創建名為 cars 的數組:

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
       或者 (condensed array):
var cars=new Array("Audi","BMW","Volvo");

3、對象(對象隻是帶有屬性和方法的特殊數據類型)

      屬性是與對象相關的值,方法是能夠在對象上執行的動作。

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

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

4、聲明變量類型

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

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

       JavaScript 變量均為對象。當您聲明一個變量時,就創建了一個新的對象。

小注:

       JavaScript 中的所有事物都是對象:字符串、數字、數組、日期,等等。
       在 JavaScript 中,對象是擁有屬性和方法的數據。

5、屬性和方法

       屬性是與對象相關的值。
       方法是能夠在對象上執行的動作。
       舉例:汽車就是現實生活中的對象。
汽車的屬性:

car.name=Fiat
car.model=500
car.weight=850kg
car.color=white 
汽車的方法:
car.start()
car.drive()
car.brake()
       汽車的屬性包括名稱、型號、重量、顏色等。
       所有汽車都有這些屬性,但是每款車的屬性都不盡相同。
       汽車的方法可以是啟動、駕駛、刹車等。
       所有汽車都擁有這些方法,但是它們被執行的時間都不盡相同

6、標簽

       正如您在 switch 語句那一章中看到的,可以對 JavaScript 語句進行標記。
       如需標記 JavaScript 語句,請在語句之前加上冒號:

label:
語句
       break 和 continue 語句僅僅是能夠跳出代碼塊的語句。
       語法
break labelname;
continue labelname;
       continue 語句(帶有或不帶標簽引用)隻能用在循環中。
       break 語句(不帶標簽引用),隻能用在循環或 switch 中。
       通過標簽引用,break 語句可用於跳出任何 JavaScript 代碼塊:
實例:
cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");
}

輸出結果:

BMW
Volvo
Saab


作者:jiankunking 出處:https://blog.csdn.net/jiankunking








最後更新:2017-04-03 05:40:04

  上一篇:go Actor生命周期理解
  下一篇:go 機房收費係統之技術總結