JavaScript入門01
- 入門級:會做一些簡單的效果,比如輪播圖效果、相冊,浮動佈局,和按鈕點擊事件
- 深入學習時:可以創建 遊戲、2d動畫、3d圖像、數據庫驅動的綜合應用程序以及更多。
JavaScript本身是非常簡潔卻非常靈活的。開發者們編寫了非常多的工具補充JavaScript語言功能。使得花最小的代價獲得大量額外功能。這些功能包括:
- 應用編程接口 (APIs) 。內置於瀏覽器中提供像動態編寫 HTML 和 CSS ,抓取操控用戶攝像頭的數據流和操作3D圖像和音頻樣品。
- 第三方 APIs 允許開發者將其他公司網站如 Twitter 或 Facebook 與自己的網站合併功能。
- 第三方框架和庫,你可以使用你的 HTML 來快速編寫網站和應用。
<script>
標籤放的位置問題
- 我們將
<script>
元素放在 HTML 文件底部的原因是,瀏覽器解析 HTML 似乎按照代碼出現的順序來的。如果 JavaScript被首先讀取,它也應該影響下面的 HTML,但有時會出現問題,因爲 JavaScript 會在 HTML 之前被加載,如果 JavaScript 代碼出現問題則 HTML 不會被加載。所以將 JavaScript 代碼放在底部是最好的選擇。
定義一個變量之後,可以賦予它一個值:
var myVar;
myVar='zhang';
可以通過變量名檢索變量:
myVar
可以將定義和賦值寫在2一行:
var myVar='zhang';
給變量賦值之後,可以改變變量的值:
var myVar='zhang';
myVar='wang';
變量有不同的數據類型:
// String 字符串類型,一段文本;要 只是變量是字符串,必須用引號包裹起來
var myVar='zhang';
//Number 數字類型 ,是一個數字
var myVar=168;
//Boolean 布爾型,一個True/False(真/假)
var myVar=true;
//Array 數組類型,一種允許存儲多個值在一個引用裏的結構
var myVar=[1,10,'zhang'];
//調用數組的元素:
myVar[0];myVar[1];//等等
//Object 對象類型,基本上javascript裏的任何東西都是對象,而且都可以被存儲在變量裏。
var myVar=document.querySelector('h1'); //這是一個對象