閱讀350 返回首頁    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 16:49:24

  上一篇：go 未能創建類型“Genersoft.ZJGL_XD.XDXTXY.XDGLPUBSrv”。
  下一篇：go JDBC性能優化方案