html+css+javaScript基礎(chǔ)使用方法

本篇內(nèi)容主要講解“html+css+javaScript基礎(chǔ)使用方法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“html+css+javaScript基礎(chǔ)使用方法”吧!

　　1. JS定義和特點

　　(1) 簡述javaScript的特點

　　javaScript是 一種直譯式腳本語言,是一種動態(tài)類型,弱類型,基于原型的語言,內(nèi)置支持類型

　　(2) 簡述javaScript的作用

　　html+css知識可以有靜態(tài)頁面,但是沒有動態(tài)的效果

　　Js可以實現(xiàn)表單數(shù)據(jù)的校驗

　　TAB菜單的切換

　　背景圖片的切換

　　Js小游戲的開發(fā)

　　(3) 請列舉javaScript的優(yōu)點和缺點

　　優(yōu)點:

　　1. 腳本語言

　　腳本語言是一種簡單的程序，是由一些ASCII字符構(gòu)

　　成，可以使用任何一種文本編輯器編寫。一些程序

　　語言（如C、C++、Java等）都必須經(jīng)過編譯，將源

　　代碼編譯成二進制的可執(zhí)行文件之后才能運行，而

　　腳本語言不需要事先編譯，只要有一個與其相適應(yīng)

　　的解釋器就可以執(zhí)行。 ·

　　腳本語言是指在web瀏覽器內(nèi)有解釋器解釋執(zhí)行的編程語言,每次運行程序的時候,解釋器會把程序代碼翻譯成可執(zhí)行的格式

　　2. 基于對象的語言

　　面向?qū)ο笥腥筇攸c(封裝,繼承,多態(tài))缺一不可

　　通?！被趯ο蟆笔鞘褂脤ο?但是無法利用現(xiàn)有的對象模板產(chǎn)生新的對象類型,也就是說”基于對象”沒有繼承的特點.沒有了繼承的概率也就無從談?wù)摗倍鄳B(tài)

　　3. 事件驅(qū)動

　　在網(wǎng)頁中執(zhí)行了某種操作的動作,被稱為”事件”(Event),比如按下鼠標(biāo),移動窗口,選擇菜單等都可以視為事件.當(dāng)事件發(fā)生后,可能會引起相應(yīng)的事件響應(yīng)

　　4. 簡單性

　　變量類型是采用弱類型,并未使用嚴(yán)格的數(shù)據(jù)類型.

　　Var a,b,c   a=123 b=”abc” a=b

　　5. 安全性

　　javaScript不能訪問本地的硬盤,不能將數(shù)據(jù)存入到服務(wù)器上,不能對網(wǎng)絡(luò)文檔進行修改和刪除,只能通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互

　　6. 跨平臺性

　　JavaScript依賴于瀏覽器本身,與操作平臺無關(guān)

　　只要計算機安裝了支持JavaScript的瀏覽器(裝有JavaScript解釋器),JavaScript程序就可以正確執(zhí)行

　　缺點:

　　各種瀏覽器支持JavaScript的程度是不一樣的,支持和不完全支持JavaScript的,瀏覽器在瀏覽同一個帶有javaScript腳本的網(wǎng)頁時,效果會有一定的差距,有時甚至?xí)@示不出來

　　2. JS的聲明和引入

　　(1) javascript 的引入方式有幾種，分別怎么寫？

　　1. 兩種

　　<!--js的第一種引入方式,-->

　　<script type="text/javascript">

　　//網(wǎng)頁彈框

　　var a=1;

　　var A=2;

　　alert(A)

　　</script>

　　<!--js的第二種引入方式src:引入文件的路徑 type:引入文件的類型 charset:字符編碼-->

　　<!--注意:引入js時兩種方式不能一起用-->

　　2.   <script src="js/test.js" type="text/javascript" charset="utf-8"></script>

　　(2) javascript的引入方式可以綜合書寫嗎？請說明原因

　　不可以,會發(fā)生錯誤

　　(3) javaScript 標(biāo)簽的type="text/javascript"屬性和charset="UTF-8"屬性的作用

　　js的第二種引入方式src:引入文件的路徑 type:引入文件的類型 charset:字符編碼

　　3. JS中的變量

　　(1) JS中的變量名區(qū)分大小寫嗎？

　　區(qū)分

　　(2) JS中書寫表達式結(jié)束可以把分號省去嗎？

　　可以

　　(3) JS中變量名的規(guī)范

　　1. js中的變量的名稱和java中標(biāo)識符的命名保持一致就可以了

　　2. Js中變量名稱是可以重復(fù)的,但是后者的名稱會把前者的名稱值覆蓋

　　3. Js中末尾即使沒有分行結(jié)束也是可以的,但是不推薦大家這樣書寫

　　4. JS中數(shù)據(jù)類型

　　基本數(shù)據(jù)類型

　　Number(數(shù)字類型的數(shù)據(jù))

　　String(字符串類型)

　　Boolean(布爾數(shù)據(jù)類型)

　　Object(對象類型)

　　Js中特殊數(shù)據(jù)類型

　　Undefined(未定義)

　　NaN(不是一個數(shù)字) not a number

　　Null(空對象)

　　(1) 請問在JS中NAN這種數(shù)據(jù)類型是什么意思，是如何產(chǎn)生的?

　　Not a number(不是一個數(shù)字) 將string(含有不是數(shù)字的)類型強轉(zhuǎn)為number類型

　　(2) 請問在JS中undefined這種數(shù)據(jù)類型是什么意思，是如何產(chǎn)生的?

　　未定義的,只是聲明了對象,沒有定義它

　　(3) var  a=null;  alert (type a) 請問彈出什么?

　　Null對象

　　5. JS中的運算符

　　(1) 請問在JS中的”==”和”===”的區(qū)別，以及各自的作用。

　　“==”:等值符 先比較兩個值類型是否相等.

　　如果類型不相等,都強轉(zhuǎn)轉(zhuǎn)換為number,再判斷,相等返回true,不相等返回false

　　“===”:等同符:比較兩個值類型是否相等,

　　如果類型不相等直接返回false,不會強轉(zhuǎn)

　　(2) 5.2.2 請分別打印下面的結(jié)果

　　var  f1=false;  類型:Boolean 強轉(zhuǎn)number:0

　　var  f2="false";類型:object 強轉(zhuǎn) number:NaN

　　var  f3=0; 類型:number

　　var  f4="0"; 類型:object 強轉(zhuǎn)number:0

　　alert(f1==f2);F

　　alert(f1==f3);T

　　alert(f1==f4);T

　　alert(f2==f3);F

　　alert(f2==f4);F

　　alert(f3==f4);T

　　alert(f1===f2);F

　　alert(f1===f3);F

　　alert(f1===f4);F

　　alert(f2===f3);F

　　alert(f2===f4);F

　　alert(f3===f4);F

　　6. JS中的控制語句

　　(1) 請問 if (){} 和if(){} else if(){}..else{}的區(qū)別

　　If(){}只有一個判斷

　　If(){}else if(){}:指的是連續(xù)的判斷

　　(2) for循環(huán)中的變量是局部變量嗎?

　　不是,

　　7. JS中函數(shù)的學(xué)習(xí)

　　(1) 函數(shù)的聲明方式有幾種？請說明具體的作用

　　三種

　　Function 名稱(){}

　　Var a=function(){}

　　Var a=new function(){}

　　function demo(a,b){

　　alert(a+""+b);

　　return a;

　　}

　　var demo2=function(){

　　alert(234);

　　return 123;

　　}

　　var c=new Function("alert('234')");

　　(2) 請說出函數(shù)執(zhí)行符的作用

　　方便調(diào)用

　　8. JS中Date和Math對象

　　(1) 請說出 Date對象常用的方法

　　獲取現(xiàn)在的月的第幾天

　　date.getDate();

　　var v=date.getDay();(1-6)

　　v=date.getFullYear();//獲取四位的年

　　v=date.getHours();//獲取小時(0-23)

　　v=date.getMonth();//獲取月份(0-11)

　　v=date.getTime();//獲取時間返回1970到現(xiàn)在的毫秒數(shù)

　　(2) 請說出Math對象常用的方法

　　var math=Math.random();//獲取0-1的隨機數(shù)[0,1)

　　math=Math.floor(Math.random()*900+100)

　　9. JS中String和Global

　　(1) 請說出String對象的常用方法

　　//截取字符串

　　var str="我-是- 超-級-賽-亞-人"

　　console.log(str.charAt(3))

　　//從起始索引,截取指定數(shù)目

　　console.log(str.substr(0,2))

　　//截取指定索引號之間的字符不包括2

　　console.log(str.substring(1,2));

　　//將字符串顯示為下標(biāo)

　　document.write("wudiu"+str.sub())

　　//替換指定字符串

　　console.log(str.replace("我是","孫悟飯"))

　　分離字符串

　　console.log(str.split("-"));//得到一個array數(shù)組

　　(2) 請說出Global對象的常用方法

　　var b="var c=1";         eval(b) 解析字符串中的js代碼

　　10.  JS中Array對象學(xué)習(xí)A

　　(1) 在JS中的數(shù)組下標(biāo)是否可以不連續(xù)？

　　可以不連續(xù),他們之間沒有復(fù)制的下標(biāo)用empty代替

　　(2) var  arr2=new  Array(參數(shù)); 數(shù)組的聲明中這個參數(shù)的個數(shù)不同代表的含義是什么？

　　弱類型語言,聲不聲明都一樣

　　11. JS中Array對象學(xué)習(xí)B

　　(1) 請問JS中數(shù)組的長度是不是可變的.

　　不是

　　(2) JS中數(shù)組的遍歷方式有幾種，請列舉.

　　(3) 請列舉JS中數(shù)組的常用方法.

　　////////////////數(shù)組中常用的方法

　　function demo5(){

　　var arr=["bjsxt",123,new Date(),false];

　　//在數(shù)組的末尾添加一個或多個元素,并返回第一個長度

　　var len=arr.push("無敵","sdfsdf");

　　//刪除并返回數(shù)組的最后一個&mdash;&mdash;元素

　　//          arr.pop();

　　//刪除并返回數(shù)組的第一個元素

　　arr.shift();

　　//向數(shù)組的開頭添加一個或更多元素,并返回新的長度

　　arr.unshift("shw");

　　//刪除或修改數(shù)組

　　//刪除的含義  開始刪除的下標(biāo),  刪除的個數(shù)

　　arr.splice(1,2);

　　//添加的含義  添加的下標(biāo)    刪除0個   添加的元素

　　arr.splice(1,0,"你好")

　　console.log(arr)

　　12. JS中的事件學(xué)習(xí)Event

　　(1) 請列舉出常用的事件

　　(2) 請問onclick事件和onchange事件的使用的場景是什么

　　Onclick:只能在按鈕上使用(提交,清空,普通按鈕)

　　Onchang:將在內(nèi)容改變,且不被聚焦時觸發(fā)

　　<!--焦點聚焦 onfocus:元素獲得焦點  onblur:元素失去焦點-->

　　<!--<input type="text" placeholder="請輸入值" onfocus="demo()" onblur="demo1()">

　　-->

　　<!--鼠標(biāo)單雙擊事件onclick:單擊 ondbclick:雙擊-->

　　<!--<input type="button" value="單機事件" onclick="demo()">

　　<input type="button" value="雙擊事件" ondblclick="demo1()">-->

　　<!--鼠標(biāo)移入移出效果  onmouseover:鼠標(biāo)移入   onmouseout:鼠標(biāo)移出-->

　　<!--<div style="background-color: red; width: 100px;height: 100px;" onmouseover="demo()" onmouseout="demo1()">-->

　　<!--onchange:內(nèi)容改變-->

　　<!--<input type="text" onchange="demo()" placeholder="請輸入">-->

　　<!--鼠標(biāo)按鍵被按下(只能在表單中使用)onkeydown:按下 onkeyup:松開-->

　　<input type="text" style="height: 200px;width: 200px;background-color: green;" onkeydown="demo()">

到此，相信大家對“html+css+javaScript基礎(chǔ)使用方法”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！