首頁 > 開發者 > JavaScript
標籤：oct string false for 多分支 als pen one object
一 JavaScript的引入方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--<script>--> <!--alert("你好！")--> <!--</script>--> <script src="index.js"></script></head><body></body></html>View Code
index.js檔案
/***Created by Administrator on 2017/8/7.*/alert(123);View Code
二 JavaScript的變數，常量和標識符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> /* 多行注釋的類容 */ // 單行注釋的內容 //聲明賦值一個變數 /* var i: i=10; var j=20; */ //一行聲明多個變數，以都好分開每一個變數 // var name="fang",age=18; //js以分號為一條語句的分隔字元號 /* var i=12; var j=20; alert(i); alert(j); */ //一個變數如果只聲明未賦值，則會列印出undefind /* var x; alert(x); var n=10; var N=3.1415926; */ </script></head><body></body></html>View Code
三 js 資料類型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script>/* var i=100.89; var s1="hello"; var b=false; console.log(typeof i); //number console.log(typeof s1); //string console.log(typeof b); //booleam *//* var arr=[111,222,"hello"]; var obj={"name":"egon","age":"84"} var obj2={name:"fang",age:"18"} console.log(typeof arr); //object console.log(typeof obj); //object console.log(obj["name"]); //object console.log(obj); //object console.log(obj2); */// Undefined :1 當變數只聲明未賦值，的到傳回值undefined值； // 2 當一個函數沒有傳回值時，預設返回一個undefined值。 /* var a; console.log(a); //undefined console.log(typeof a); //undefined */// var a=null;// console.log(a); //null// console.log(typeof a); //object //NAN值屬於Number類型：當遇到將字串轉成數字無效時，就會得到一個NaN資料 var s="fang"; var ret2=+s; console.log(ret2); //NaN console.log(typeof ret2) //number </script></head><body></body></html>View Code
四 布爾類型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> console.log(true+2); console.log(false+2); if(1){ console.log("ok"); } </script></head><body></body></html>View Code
五 運算子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> //x++ ++x <!--var x=10;--> <!--x+=1;--> //x++ ： 先賦值在計算 <!--var ret=x++; //x++(x=x+1)--> // ++x 先計算後賦值 <!--var ret1=++x; //++x(x=x+1)--> <!--console.log(x);--> <!--console.log(ret);--> <!--console.log(ret1);--> // === !== <!--console.log(2==="2");--> //! && || 邏輯或與非 <!--var name="egon";--> <!--var gender="male";--> <!--if (name=="egon" && gender=="males"){--> <!--console.log("success!");--> <!--}--> // + : 字串拼接 console.log("hello"+"world"); console.log("hello"+234); </script></head><body></body></html>View Code
六 流程式控制制
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script>/* //if 運算式; pass //JS 的if語句 //雙分支 if (運算式){ 執行語句 } //多分支語句 if (運算式){ 執行語句 } else if (表示式){ 執行語句 } else { 執行語句 } *//* //練習： var num=67; if (num>90){ alert("優秀") } else if (num>80){ alert("良") } else if (num>60){ alert("及格") } else { alert("不及格") } */// switch case語句 /* var week=3; switch(week){ case 1:console.log("星期一");break; case 2:console.log("星期二");break; case 3:console.log("星期三");break; case 4:console.log("星期四");break; case 5:console.log("星期五");break; case 6:console.log("星期六");break; case 7:console.log("星期日");break; } */ //for 迴圈： //for 迴圈方式1：條件迴圈 （強烈推薦）/* for (var i=0;i<10;i++){ console.log(i); }*///for 迴圈方式2： 遍曆迴圈/* var arr=[111,222,333]; for (var i in arr){ console.log(i,arr[i]) }*/<!--//while 迴圈--> <!--while (運算式){--> <!--迴圈體--> <!--}--> <!--var count=0;--> <!--var sum=0;--> <!--while (count<101){--> <!--sum+=count;--> <!--count++;--> <!--}--> <!--console.log(sum);--> var sum2=0; for (var i=0;i<101;i++){ sum2+=i; } console.log(sum2); //break退出整個迴圈，continue退出當次迴圈 </script></head><body></body></html>View Code
七 字串對象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> var s="hello world"; // console.log(s.length); console.log(s.charAt(4)); console.log(s.lastIndexOf("l")); console.log(s.indexOf("l")); console.log(s.substr(3,4)); // lo w console.log(s.substring(3,4)); // l 顧頭不顧尾 console.log(s.concat(" egon")); </script></head><body></body></html>View Code
JavaScript筆記一
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
