前言
Javascript是一種客戶端的腳本語言,他被廣泛應用於Web頁面交互用來實現動態內容的更新,多媒體控制、動畫製作等。
正文
1.什麼是javascript
javascript是一門客戶端的腳本語言,用來提供web頁面進行交互,可以創建動態更新的內容,控制多媒體,製作圖像動畫。
2.web頁面的三層結構
1)結構層(html):提供頁面結構
2)表現層(css):美化頁面
3)行爲層(js):提升用戶體驗
3.javascript歷史背景
javascript作者:布萊登.艾奇
javascript誕生於1995年,起初它的目的是處理以前由服務器端負責的一些表單驗證。在那個絕大多數用戶都在使用調制解調器上網的時代,用戶填寫完一個表單點擊提交,需要等待十幾秒,然後服務器反饋給你某個地方填錯了。在當時如果能在客戶端完成一些基本的驗證是令人興奮的。當時走在技術最前沿的Netscape(網景)公司,決定開發一種客戶端語音,用來處理這種簡單的驗證。當時就職於Netscape公司的布蘭登,臨時把LiveScript改名爲JavaScript,所以從本質上來說JavaScript和Java沒有什麼關係。
4.JavaScript的組成
ECMAscript(歐洲計算機製造商協會):不是一門語音,是一個組織,用來規定js的語法規範
BOM(瀏覽器對象模型):BOM提供了獨立於內容與瀏覽器窗口進行交互的對象,由於BOM主要用於管理窗口與窗口之間的通訊,因此核心對象是window。
DOM(文檔對象模型):一種獨立於語音,用於操作xml,html文檔的應用編程接口。對於JavaScript,爲了能夠使JavaScript操作HTML,JavaScript就有了一套自己的dom編程接口。對於HTML,dom使得HTML形成一顆dom樹,類似於一顆家族樹一樣,一層接一層。
DOM樹結構圖如下:
5.JavaScript代碼位置注意
1)所有的js代碼都要寫在<script>的標籤對中
2)script標籤放到頁面的任意位置(除了title標籤中)
3)可以將js的代碼寫到 .js文件中,通過<script src=”xx.js”></script>,此標籤對中的js代碼就不會被識別出來。
6.JavaScript中幾個輸出語句
1)alert( ): 通過彈出對話框的方式輸出信息
2)document.write( ):在瀏覽器中打印結果
3)console.log( ):控制檯輸出,一般用於調試中
7.js中的註釋
JavaScript不會執行註釋,可以添加註釋來對JavaScript進行解釋,或者提高代碼的可讀性。
1)// :單行
2)/**/ :多行
8.JavaScript中的字面量(常量)
1)數值
a)整數
十進制整數: 0 --9 組成
二進制整數: 0 1
八進制整數: 0 --7 組成 一般以0開頭
十六進制整數: 0 - - 9 a- - f組成 一般以0x開頭
b)小數
0.1
1.1 + 0.1 = 1.2
2)字符
js中的字符可以通過“ ” 或‘ ’括起來
注意引號嵌套問題:
“ ‘ ’ ” 或 ‘ “ ” ’
9.js中標識符(變量)的命名規範
1)js中的標識符只能由字母、數字、下劃線、$組成(不建議使用中文)
2)標識符不能使用數字開頭
3)不能使用系統指定的關鍵字命名
命名規範(擴展):
駝峯式命名法:
小駝峯: jinMingDingJiaoYu
大駝峯: JinMingDingJiaoYu·
匈牙利命名法:
iNum: 命名一個整數類型的變量
fNum: 命名一個小數類型的變量
cChar: 命名一個字符類型的變量
sStr : 命名一個字符串類型的變量 (str)
(擴展)代碼書寫規範:
a)js中的所有代碼嚴格區分大小寫(num Num 兩個不同的變量)
b)js中每行語句結束後可以使用回車或 ; 換行
c)js中所有的標點符號必須使用英文變角狀態
10.js中的變量問題
變量:就是在程序運行的過程中,其值有可能會發生改變的量
11.變量的定義和賦值
1)顯示定義:
a)通過 var 定義
var iNum = 90;
2)隱式定義:
不同var直接就定義變量
iNUm = 90;
3)變量必須先定義後使用
12.js中輸出結果時注意幾個問題
1)如果輸出的是一個變量,該變量一定不能加引號 “ ”
2)如果輸出的是一個字符類型,一定要加引號
3)如果輸出的是一個數,可以加引號也可以不加引號
4)如果輸出的是字符和變量的組合,需要使用 + 拼接
結尾
通過本文的描述講解,各位小夥伴們是不是對於Javascript這門腳本語言有了一個初步的瞭解了呢?接下來需要各位小夥伴們的多多練習。