html+css+javaScript基礎使用方法

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

　　1. JS定義和特點

　　(1) 簡述javaScript的特點

　　javaScript是 一種直譯式腳本語言,是一種動態類型,弱類型,基于原型的語言,內置支持類型

　　(2) 簡述javaScript的作用

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

　　Js可以實現表單數據的校驗

　　TAB菜單的切換

　　背景圖片的切換

　　Js小游戲的開發

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

　　優點:

　　1. 腳本語言

　　腳本語言是一種簡單的程序，是由一些ASCII字符構

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

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

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

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

　　的解釋器就可以執行。 ·

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

　　2. 基于對象的語言

　　面向對象有三大特點(封裝,繼承,多態)缺一不可

　　通常”基于對象”是使用對象,但是無法利用現有的對象模板產生新的對象類型,也就是說”基于對象”沒有繼承的特點.沒有了繼承的概率也就無從談論”多態

　　3. 事件驅動

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

　　4. 簡單性

　　變量類型是采用弱類型,并未使用嚴格的數據類型.

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

　　5. 安全性

　　javaScript不能訪問本地的硬盤,不能將數據存入到服務器上,不能對網絡文檔進行修改和刪除,只能通過瀏覽器實現信息瀏覽或動態交互

　　6. 跨平臺性

　　JavaScript依賴于瀏覽器本身,與操作平臺無關

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

　　缺點:

　　各種瀏覽器支持JavaScript的程度是不一樣的,支持和不完全支持JavaScript的,瀏覽器在瀏覽同一個帶有javaScript腳本的網頁時,效果會有一定的差距,有時甚至會顯示不出來

　　2. JS的聲明和引入

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

　　1. 兩種

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

　　<script type="text/javascript">

　　//網頁彈框

　　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的引入方式可以綜合書寫嗎？請說明原因

　　不可以,會發生錯誤

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

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

　　3. JS中的變量

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

　　區分

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

　　可以

　　(3) JS中變量名的規范

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

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

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

　　4. JS中數據類型

　　基本數據類型

　　Number(數字類型的數據)

　　String(字符串類型)

　　Boolean(布爾數據類型)

　　Object(對象類型)

　　Js中特殊數據類型

　　Undefined(未定義)

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

　　Null(空對象)

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

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

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

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

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

　　Null對象

　　5. JS中的運算符

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

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

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

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

　　如果類型不相等直接返回false,不會強轉

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

　　var  f1=false;  類型:Boolean 強轉number:0

　　var  f2="false";類型:object 強轉 number:NaN

　　var  f3=0; 類型:number

　　var  f4="0"; 類型:object 強轉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{}的區別

　　If(){}只有一個判斷

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

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

　　不是,

　　7. JS中函數的學習

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

　　三種

　　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) 請說出函數執行符的作用

　　方便調用

　　8. JS中Date和Math對象

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

　　獲取現在的月的第幾天

　　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到現在的毫秒數

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

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

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

　　9. JS中String和Global

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

　　//截取字符串

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

　　console.log(str.charAt(3))

　　//從起始索引,截取指定數目

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

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

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

　　//將字符串顯示為下標

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

　　//替換指定字符串

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

　　分離字符串

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

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

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

　　10.  JS中Array對象學習A

　　(1) 在JS中的數組下標是否可以不連續？

　　可以不連續,他們之間沒有復制的下標用empty代替

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

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

　　11. JS中Array對象學習B

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

　　不是

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

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

　　////////////////數組中常用的方法

　　function demo5(){

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

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

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

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

　　//          arr.pop();

　　//刪除并返回數組的第一個元素

　　arr.shift();

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

　　arr.unshift("shw");

　　//刪除或修改數組

　　//刪除的含義  開始刪除的下標,  刪除的個數

　　arr.splice(1,2);

　　//添加的含義  添加的下標    刪除0個   添加的元素

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

　　console.log(arr)

　　12. JS中的事件學習Event

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

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

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

　　Onchang:將在內容改變,且不被聚焦時觸發

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

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

　　-->

　　<!--鼠標單雙擊事件onclick:單擊 ondbclick:雙擊-->

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

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

　　<!--鼠標移入移出效果  onmouseover:鼠標移入   onmouseout:鼠標移出-->

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

　　<!--onchange:內容改變-->

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

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

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

到此，相信大家對“html+css+javaScript基礎使用方法”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！