JavaScript零基礎入門教程

(一)前端開發三劍客:html css javascript

html:結構層 從語義角度來描述頁面結構。

css:表現層 從審美角度美化頁面。

JavaScript:從交互角度度來提升用戶體驗。

今天開始學習JavaScript ,首先了解javascript有三部分組成,分別是ECMAScript、DOM、BOM三部分組成。

ECMAScript :爲核心 包括 語法 規則 api 等

DOM:文檔對象模型

BOM:瀏覽器對象模型。

說到瀏覽器 就不得不說一下我們現在的五大瀏覽器 Firefox(火狐)、Google Allo(谷歌)、IE、opera(歐朋)、Safari(蘋果)。像什麼360瀏覽器,qq瀏覽器,uc瀏覽器等這些都是基於這五大瀏覽器之下的 採用的都是這五大瀏覽器中的內核,就好比360瀏覽器 打開有個很大的e 那就是基於IE瀏覽器下的 採用的是ie的內核。

javascript是一門弱類型語言,在聲明變量前,是沒有數據類型的,一旦賦值後,變量就有了數據類型。

在html中插入 javascript 代碼需要使用 script 標籤。

在學習一門語言前,先學習它的語法規則和開發環境,

javascript的開發環境:

1.編輯器:Editplus、Notepaad++、sublime、notepad

2.IDE:Dreamweaver、Hbuilder、webstrom、indelij

JavaScript語法規則;

1.語句+;要以英文;來結尾),每一條js語句都是“一條”發送給瀏覽器的指令。

2.js代碼 一定要區分大小寫。

3.切記,所有的特殊符號均爲英文半角。

4.在js環境中 代碼對 換行、空格、縮進 不敏感。

5.註釋:// 行註釋 ;/* */ 文檔註釋。

6.js可以出現在html 頁面的任何位置。

(二)直接量和變量

直接量:又稱爲字面量,能直接使用的內容,常見的有兩種:數值,字符串。

(1)數值:1、2、3、4、5、1.1、1.3、-1、-3等

(2)字符串:在程序中被單雙引號 包起來的都是字符串 “hello” ‘hello’

(3) 其它字面量:true、false、null、正則表達式。

基本語句: alert(‘hello world’);

        alert('hi'); 

        在網頁中彈出一個警告框,內容爲hi

變量 :變化的量 將數據保存在內存中 儲存數據

(1)定義變量(聲明變量)

     var  變量名       var   關鍵字

(2)變量命名規則

  1.區分大小寫

  2.變量名必須以字母、下劃線、或$ 開頭

    變量組成以 字母、下劃線、$ 或 數字 開頭

    {不可使用關鍵字和保留字}

關鍵字:
在這裏插入圖片描述
保留字:
在這裏插入圖片描述
3.變量賦值;

      變量名=值

 4.取出變量的值:使用變量名;

 5.變量可以重複賦值,但是不要重複賦值,一旦再次賦值,上次的賦值就沒有任何意義了;

(三)數據類型

1.數值 number:數字

2.字符串:string 被單雙引號所包的內容 “hello” ‘123’;

3.布爾類型 boolean : true、false;

4.其它數據類型:undefined(未定義)、null(空)、object(對象類型,引用類型)

(四)其它數據類型(原始數據類型)

   number、boolean、string、undefind、null
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章