一、javaScript 是什么角塑?有什么作用铺遂?
HTML:寫網(wǎng)頁的? 人的身體
CSS: 美化頁面的? 人的衣服
havaScript:行為? 大腦靈魂
havaScript 是WEB上強大的腳本語言
? 腳本語言:
? ? ?無法獨自執(zhí)行,必須嵌入到其他語言中結(jié)合使用
? ?直接被瀏覽器解析執(zhí)行
作用:控制頁面特效展示
js可以對HTML元素進行校驗
js可以對表單項進行校驗
js可以控制css樣式
二、havaScript的語言特征和及編程注意事項
1悲关、特征
js無需編譯谎僻,直接被瀏覽器解釋并執(zhí)行
js無法單獨運行,必須嵌入到HTML代碼中運行
js的執(zhí)行過程由上到下一次執(zhí)行
2寓辱、注意
js沒有訪問系統(tǒng)文件的權(quán)限
由于js無需編譯艘绍,是由上到下一次執(zhí)行的,所以在保證可讀性的情況下秫筏,允許使用鏈式編程
js和java沒有任何直接關(guān)系
三诱鞠、havaScript的組成
1、ECMAScript(核心):規(guī)定了js的語法和基本對象
2这敬、DOM文檔對象模型航夺,吃力網(wǎng)頁內(nèi)容的方法和借口
標記型文檔即HTML
3、BOM瀏覽器對象模型:與瀏覽器交互的方法和接口
四崔涂、havaScript的引入方式
1阳掐、內(nèi)部腳本
? 在當前頁面內(nèi)部寫script標簽,script內(nèi)部即可書寫js代碼
格式:<script type="text/javascript">js代碼</script>
注:<scirpt>標簽理論上可以書寫在HTML文件的任意位置
2堪伍、外部引入
在HTML文檔中锚烦,通過<script src=""></script>標簽引入.js文件
格式:<script type="text/javascript" src="js 文件路徑"></script>
注:外部引用時script標簽內(nèi)不能有script代碼,即使寫了也不會執(zhí)行
五帝雇、scriot標簽規(guī)范化的放置位置
開發(fā)規(guī)范規(guī)定涮俄,script標簽的放置位置為:body結(jié)束標簽前
優(yōu)點:保證HTML展示內(nèi)容優(yōu)先加載,最后加載腳本尸闸,增強用戶體驗性
六彻亲、javaScript語法和規(guī)則
注釋;
? 單行注釋? //
? 多行注釋? /*? */
七、變量
變量:標示內(nèi)存中的一塊空間吮廉,用于儲存數(shù)據(jù)苞尝,且數(shù)據(jù)是可變的
變量的聲明: var 變量名;? ?//變量賦予默認值,默認值為undefined
變量的聲明和賦值? var 變量名=值; //變量賦予對應(yīng)的值
在聲明havaScript變量時 需要遵循以下命名規(guī)范
1宦芦、必須以字母或下劃線開頭宙址,中間可以數(shù)字、字符或下劃線调卑、美元符號
2抡砂、變量名不能包含空格等字符
3、不能使用havaScript關(guān)鍵字或保留字作為變量名
4恬涧、havaScript嚴格區(qū)分大小寫
八注益、基本數(shù)據(jù)類型
1、類似于java中的基本數(shù)據(jù)類型
string? : 字符串類型 " "和' ' 都是字符串
boolean:布爾類型 固定值為true 溯捆、false
number:數(shù)值類型丑搔、任意數(shù)字
null:空、一個占位符
undefined:未定義類型、該類型只有一個固定值啤月,即undefined? 表示變量聲明卻未定義具體的值
2煮仇、注:因為undefined是從null中派生出來的,所以indefined==null
3谎仲、js區(qū)別于java 是弱類型語言欺抗,變量的使用不必嚴格遵循規(guī)范,所以一個變量聲明好之后强重,是可以賦予任意類型的值
4绞呈、通過typeof運算符可以分辨變量值屬于那種基本數(shù)據(jù)類型,對變量或值調(diào)用typeof運算符將返回下列值之一
undefined 變量時 Undefined间景;類型的
boolean 變量是Boolean類型的
number? 變量是Number類型的
string 變量是String類型的
object 變量是Null類型佃声,或者是同一種引用類型
九、引用數(shù)據(jù)類型
引用類型通常叫做類(class)倘要,但在javaScript中圾亏,因為不存在編譯過程,所以沒有類的概念封拧,所處理的引用數(shù)據(jù)類型都是對象
標準創(chuàng)建方式
var str = new String();? //和java相同
var str = new String;? //獨有的方式
十志鹃、運算符
javaScript運算符與java運算符基本一致,主要學(xué)習(xí)不同點
比較運算符
運算符? ? ? ? ? ?描述
==? ? ? ? ? ? ? ? ? 等于(邏輯等泽西。僅僅對比值)
===? ? ? ? ? ? ? ? ?全等(對比值曹铃,并且對比類型,都相同為true)
捧杉!=? ? ? ? ? ? ? ? 不等于
陕见!==? ? ? ? ? ? ? ?不全等
>? ? ? ? ? ? ? ? ? ? ? 大于
<? ? ? ? ? ? ? ? ? ? ? ?小于
>=? ? ? ? ? ? ? ? ? ? ?大于或等于
<=? ? ? ? ? ? ? ? ? ? 小于或等于