第四天
JS一献幔、javaScript 是什么?有什么作用虹蓄?HTML:寫網(wǎng)頁的? 人的身體CSS: 美化頁面的? 人的衣服havaScript:行為? 大腦靈魂havaScript 是WEB上強大的腳本語言? 腳本語言:? ? ?無法獨自執(zhí)行犀呼,必須嵌入到其他語言中結合使用? ?直接被瀏覽器解析執(zhí)行作用:控制頁面特效展示js可以對HTML元素進行校驗js可以對表單項進行校驗js可以控制css樣式二、havaScript的語言特征和及編程注意事項1薇组、特征js無需編譯外臂,直接被瀏覽器解釋并執(zhí)行js無法單獨運行,必須嵌入到HTML代碼中運行js的執(zhí)行過程由上到下一次執(zhí)行2律胀、注意js沒有訪問系統(tǒng)文件的權限由于js無需編譯宋光,是由上到下一次執(zhí)行的,所以在保證可讀性的情況下累铅,允許使用鏈式編程js和java沒有任何直接關系三跃须、havaScript的組成1、ECMAScript(核心):規(guī)定了js的語法和基本對象2娃兽、DOM文檔對象模型菇民,吃力網(wǎng)頁內(nèi)容的方法和借口標記型文檔即HTML3、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結束標簽前優(yōu)點:保證HTML展示內(nèi)容優(yōu)先加載,最后加載腳本客蹋,增強用戶體驗性六塞蹭、javaScript語法和規(guī)則注釋;? 單行注釋? //? 多行注釋? /*? */七、變量變量:標示內(nèi)存中的一塊空間讶坯,用于儲存數(shù)據(jù)番电,且數(shù)據(jù)是可變的變量的聲明: var 變量名;? ?//變量賦予默認值,默認值為undefined變量的聲明和賦值? var 變量名=值; //變量賦予對應的值在聲明havaScript變量時 需要遵循以下命名規(guī)范1、必須以字母或下劃線開頭漱办,中間可以數(shù)字这刷、字符或下劃線、美元符號2娩井、變量名不能包含空格等字符3暇屋、不能使用havaScript關鍵字或保留字作為變量名4、havaScript嚴格區(qū)分大小寫八撞牢、基本數(shù)據(jù)類型1率碾、類似于java中的基本數(shù)據(jù)類型string? : 字符串類型 " "和' ' 都是字符串boolean:布爾類型 固定值為true 叔营、falsenumber:數(shù)值類型屋彪、任意數(shù)字null:空、一個占位符undefined:未定義類型绒尊、該類型只有一個固定值畜挥,即undefined? 表示變量聲明卻未定義具體的值2、注:因為undefined是從null中派生出來的婴谱,所以indefined==null3蟹但、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運算符基本一致病线,主要學習不同點比較運算符運算符? ? ? ? ? ?描述==? ? ? ? ? ? ? ? ? 等于(邏輯等吓著。僅僅對比值)===? ? ? ? ? ? ? ? ?全等(對比值,并且對比類型送挑,都相同為true)绑莺!=? ? ? ? ? ? ? ? 不等于!==? ? ? ? ? ? ? ?不全等>? ? ? ? ? ? ? ? ? ? ? 大于<? ? ? ? ? ? ? ? ? ? ? ?小于>=? ? ? ? ? ? ? ? ? ? ?大于或等于<=? ? ? ? ? ? ? ? ? ? 小于或等于邏輯運算符運算符? ? ? ? ? ? ? ? ?描述&&? ? ? ? ? ? ? ? ? ? ? ?and||? ? ? ? ? ? ? ? ? ? ? ?or|? ? ? ? ? ? ? ? ? ? ? ? ?not注??javaScript邏輯運算符沒有&