我的javascript學習之路_01之js基礎1

近期開始接觸學習extjs框架。該框架是基于JavaScript的。為了更好地理解學習extjs,必然需要先對JavaScript有一個較好的理解。


從最著名的web技術學習網站W3C開始。
如下圖:


捕獲.PNG

花了幾個小時將JavaScript的初級教程大致過了一遍。下面做些總結歸納。


JavaScript 是屬于網絡的腳本語言!
JavaScript 被數百萬計的網頁用來改進設計、驗證表單、檢測瀏覽器、創建cookies,以及更多的應用。
JavaScript 是因特網上最流行的腳本語言。
JavaScript 很容易使用!你一定會喜歡它的!

這是W3C上介紹JavaScript的四句話,JavaScript的語言類型,作用,用途,地位,特點等。

JavaScript的簡介

JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言。
JavaScript 是可插入 HTML 頁面的編程代碼。
JavaScript 插入 HTML 頁面后,可由所有的現代瀏覽器執行。
JavaScript 很容易學習。

JavaScript的使用

上面提到,JavaScript是可插入HTML的代碼。那么如何插入使用JavaScript呢?
一般有兩種方法:

  • 一種直接將JavaScript插入在<script> 與 </script> 標簽之間
    <!DOCTYPE html> <html> <body> . . <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); </script> . . </body> </html>
  • 把腳本保存到外部文件中。在 <script> 標簽的 "src" 屬性中設置該 .js 文件
    <!DOCTYPE html> <html> <body> <script src="myScript.js"></script> </body> </html>

關于JavaScript的使用還有幾個要注意的小點:

  • 可以在 HTML 文檔中放入不限數量的腳本。
  • 可位于 HTML 的 <body> 或 <head> 部分中,或者同時存在于兩個部分中。
  • ** 通常的做法是把函數放入 <head> 部分中,或者放在頁面底部。這樣就可以把它們安置到同一處位置,不會干擾頁面的內容。**
  • 外部腳本不能包含 <script> 標簽。

JavaScript輸出

JavaScript操作輸出主要有兩種方式:

  • 操作HTML元素
    從 JavaScript 訪問某個 HTML 元素,使用 document.getElementById(id) 方法
    <!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph</p><script>document.getElementById("demo").innerHTML="My First JavaScript"; </script></body></html

  • 直接寫到文檔輸出
    使用 document.write() 僅僅向文檔輸出寫內容。
    如果在文檔已完成加載后執行 document.write,整個 HTML 頁面將被覆蓋.

javascript語句

與C,Java等語言類似。句尾分號,大小寫敏感等。有其他語言基礎的,此處可瀏覽一遍即可。
作為腳本語言,瀏覽器會在讀取代碼時,逐行地執行腳本代碼。而對于傳統編程來說,會在執行前對所有代碼進行編譯。

JavaScript注釋

JavaScript注釋與Java語言相同。“//”用于單行注釋;“/*”用于多行注釋

JavaScript變量

var pi=3.14; var name="Bill Gates"; var answer='Yes I am!';
變量的聲明簡單,var關鍵字。變量是存儲信息的容器。
在計算機程序中,經常會聲明無值的變量。未使用值來聲明的變量,其值實際上是 undefined。
變量可以使用短名稱(比如 x 和 y),也可以使用描述性更好的名稱(比如 age, sum, totalvolume)。

  • 變量必須以字母開頭
  • 變量也能以 $ 和 _ 符號開頭(不過我們不推薦這么做)
  • 變量名稱對大小寫敏感(y 和 Y 是不同的變量)

JavaScript數據類型

JavaScript擁有動態類型。這意味著相同的變量可用作不同的類型。
var x // x 為 undefined var x = 6; // x 為數字 var x = "Bill"; // x 為字符串

  • 字符串
  • 數字
  • 布爾
  • 數組
    數組的聲明方式有三種:
    var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo";

var cars=new Array("Audi","BMW","Volvo");

var cars=["Audi","BMW","Volvo"];

  • 對象
    對象由花括號分隔。在括號內部,對象的屬性以名值對的形式 (name : value) 來定義。屬性由逗號分隔:
    var person={ firstname : "Bill", lastname : "Gates", id : 5566 };
  • Null
    可以通過將變量的值設置為 null 來清空變量。
  • Undefined
    Undefined 這個值表示變量不含有值

第一部分的js基礎就到基礎。
總結一下,我們先簡單學習了JavaScript的特點用途;然后學會兩種將JavaScript嵌入HTML的方法;JavaScript輸出一般有兩種方式,分別是通過id操作HTML元素輸出,以及直接寫到文檔輸出;JavaScript的語句與注釋與Java語言和c語言基本相同;JavaScript變量的聲明使用;JavaScript的數據類型主要有7種,數字,字符串,數組,布爾,對象,null,undefined.
下一部分我們將繼續介紹js基礎內容,分別是:

  • JS 對象
  • JS 函數
  • JS 運算符
  • JS 選擇語句
  • JS 循環語句
  • JS 錯誤異常處理
  • JS 驗證
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 《ijs》速成開發手冊3.0 官方用戶交流:iApp開發交流(1) 239547050iApp開發交流(2) 10...
    葉染柒丶閱讀 5,321評論 0 7
  • JS簡介 外部JavaScript中文件的文件擴展名為.js,如果使用外部文件,那么標簽需要設置它的src屬性為文...
    Grape_葡萄閱讀 962評論 1 6
  • 1.HTML DOM (Document Object Model) document.getElementByI...
    廖馬兒閱讀 1,443評論 0 17
  • 一、JS前言 (1)認識JS 也許你已經了解HTML標記(也稱為結構),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,798評論 0 8
  • 今天又一次坐校長的車,嗯,不錯還算有收獲,有點東西可寫。 車上校長問去北京的那位同事有什么收獲,那位同事說了一個某...
    ToBeMself閱讀 381評論 0 0