資料結構定義和演算法--快速排序VS歸併排序
HTML CSS
JavaScript 程式語言 流程控制
Netscape在最初將其指令碼語言命名為LiveScript,後來Netscape在與Sun合作之後將其改名為JavaScript。JavaScript最初受Java啟發而開始設計的,目的之一就是“看上去像Java”,因此語法上有類似之處,一些名稱和命名規範也借自Java。JavaScript與Java名稱上的近似,是當時Netscape為了營銷考慮與Sun微系統達成協議的結果。Java和JavaScript的關係就像張雨和張雨生的關係,只是名字很像。
Java 伺服器端的程式語言
JavaScript 執行在客戶端(瀏覽器)的程式語言
JavaScript是一種執行在客戶端 的指令碼語言 JavaScript的直譯器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的指令碼語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。
JavaScript最初的目的
演示:http://baixiu.uieee.com/admin/login.php最初的目的是為了處理表單的驗證操作。
JavaScript現在的意義(應用場景)
JavaScript 發展到現在幾乎無所不能。
-
網頁特效
-
服務端開發(Node.js) vue
-
命令列工具(Node.js)
-
桌面程式(Electron)
-
App(Cordova)
-
控制硬體-物聯網(Ruff)
-
遊戲開發(cocos2d-js)
JavaScript和HTML、CSS的區別
-
HTML:提供網頁的結構,提供網頁中的內容
-
CSS: 用來美化網頁
-
JavaScript: 可以用來控制網頁內容,給網頁增加動態的效果
JavaScript的組成
ECMAScript - JavaScript的核心
ECMA 歐洲計算機制造聯合會
網景:JavaScript
微軟:JScript
定義了JavaScript的語法規範
JavaScript的核心,描述了語言的基本語法和資料型別,ECMAScript是一套標準,定義了一種語言的標準與具體實現無關
-
規則 - 必須遵守的,不遵守會報錯
-
由字母、數字、下劃線、$符號組成,不能以數字開頭
-
不能是關鍵字和保留字,例如:for、while。goto const
-
區分大小寫
-
-
規範 - 建議遵守的,不遵守不會報錯
-
變數名必須有意義
-
遵守駝峰命名法。首字母小寫,後面單詞的首字母需要大寫。例如:userName、userPassword
簡單資料型別
Number、String、Boolean、Undefined、Null
複雜資料型別:Object function
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javaScript基礎02</title> </head> <body> <input type="button" value="01-賦值運算子" onclick="fz()" /><br /> <input type="button" value="02-分支結構" onclick="maxs()" /><br /> <input type="button" value="03-3元運算子" onclick="age()" /><br /> <input type="button" value="04-switch" onclick="xq()" /><br /> <input type="button" value="05-switch-轉換成績" onclick="cj()" /><br /> <input type="button" value="06-布林型別的隱式轉換" onclick="zhhuan()" /><br /> <input type="button" value="07-while" onclick="wh()" /><br /> <input type="button" value="08-while案例" onclick="anl()" /><br /> <input type="button" value="07-while" onclick="wh()" /><br /> <input type="button" value="07-while" onclick="wh()" /><br /> <input type="button" value="07-while" onclick="wh()" /><br /> <input type="button" value="07-while" onclick="wh()" /><br /> <script> /*列印100以內 7的倍數 * 列印100以內所有偶數的和 * 列印100以內所有偶數*/ function anl(){ console.log("列印100以內所有偶數"); var ii=1; while(ii<=100){ if(ii%2==0){ console.log(ii); ii++; } } console.log(" "); console.log("列印100以內 7的倍數"); var ii=1; while(ii<=100){ if(ii%7==0){ console.log(ii); ii++; } } console.log(" "); console.log("列印100以內所有偶數的和 "); var i1=1; var sum2=0; while(i1<=100){ if(i1%2==0){ sum+=i1; i1++; } } console.log(i1); console.log(" "); } /*列印1-100之間所有的數字 * 計算1-100之間所有數的和*/ function wh(){ console.log("計算1-100之間所有數的和 ") var i=1 var sum=0; while(i<=100){ sum+=i; i++; } console.log(sum); console.log(" "); console.log("列印1-100之間所有的數字 ") var i=1 while(i<=100){ console.log(i) i++; } console.log(" ") } /*轉換成false的情況 0 ''空字串 NaN null undefined */ function zhhuan(){ console.log("0:"+Boolean(0)) console.log("空字串 NaN:"+Boolean(NaN)) console.log("null:"+Boolean(null)) console.log("undefined:"+Boolean(undefined)) } /*把成績轉換成ABCDE*/ function cj(){ var ca=1; switch (ca){ case 1: alert("A"); break; case 2: alert("B"); break; case 3: alert("C"); break; case 4: alert("D"); break; default: alert("E"); break; } } /*輸入一個數字,列印對應的星期*/ function xq(){ var ca=1; switch (ca){ case 1: alert("星期一"); break; case 2: alert("星期二"); break; case 3: alert("星期三"); break; case 4: alert("星期四"); break; case 5: alert("星期五"); break; case 6: alert("星期六"); break; case 7: alert("星期日"); break; default: alert("輸入有誤"); break; } } /*判斷一個年齡是否成年, 當年齡超過18 返回 成年 否則返回未成年*/ function age(){ console.log("判斷一個年齡是否成年") var age =20; console.log(age>=18?'成年了':'沒成年') } /*02-分支結構*/ /* 求兩個數的最大數 * 判斷一個數是偶數還是奇數 * 分數轉換,把百分制轉換成ABCDE <60 E 60-70 D 70-80 C 80-90 B 90 - 100 A*/ function maxs(){ console.log("分數轉換,把百分制轉換成ABCDE ") var fs=69; if(fs<60){ console.log("E"); } else if(fs>60&&fs<70){ console.log("D"); } else if(fs>70&&fs<80){ console.log("C"); } else if(fs>80&&fs<90){ console.log("B"); } else{ console.log("A"); } console.log(" ") var c=20; console.log("判斷一個數是偶數還是奇數 ") if(c%2==0){ console.log(c+"是偶數") }else{ console.log(c+"是奇數") } console.log(" ") var a=20; var b=32; console.log("求兩個數的最大數 ") if(a>b){ console.log("a:"+a); }else{ console.log("b:"+b); } } /*01-賦值運算子*/ function fz(){ var a=1; var b=a+3; console.log(b); b+=5; console.log(b); b%=2; console.log(b); } </script> </body> </html>