成年美女啪啪拍网站免费vip,97人妻碰碰视频免费上线视频

JavaScript 的簡述與基礎(chǔ)語法

2020-4-6 前端達(dá)人

JavaScript

JS 用于完成頁面與用戶的交互功能；

1. JS 發(fā)展歷史
JavaScript 在 1995 年由 Netscape 公司的 Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。因?yàn)?Netscape 與 Sun 合作，Netscape 管理層希望它外觀看起來像 Java，因此取名為 JavaScript。但實(shí)際上它的語法風(fēng)格與 Self 及 Scheme 較為接近；
歐洲計(jì)算機(jī)制造聯(lián)盟（ECMA）在 1997 制定腳本語言規(guī)范 ECMA Script1 (ES1)，2009 年發(fā)布了 ECMA Script5（ES5），在 2015 年發(fā)布了 ECMA Script 2015（ES6），所有的瀏覽器的都支持 ES6；

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>JS兩種引入方式</title> </head> <body>   <script type="text/javascript"> document.write("<h1>內(nèi)部腳本</h1>");//向body中追加html內(nèi)容 </script> <script src="../js/外部腳本.js"></script> </body> </html>

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>JS三種輸出方式</title> </head> <body>  <script> //1.輸出到瀏覽器控制臺(tái) console.log("1. 輸出到瀏覽器控制臺(tái)");//開發(fā)者專用 //2.輸出html內(nèi)容到頁面 document.write("2. 輸出html內(nèi)容到頁面");//向body中追加html內(nèi)容 //3.瀏覽器彈框輸出字符 alert("3. 瀏覽器彈框輸出字符");//阻塞執(zhí)行 </script> </body> </html>

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>JS變量</title> </head> <body>  <script> //字符串 Java聲明 String str ="張三"; let str ="張三"; console.log(str); //整數(shù) Java聲明 int k = 5; let k = 5; console.log(k); //小數(shù) Java聲明 float f = 7.5; let f = 7.5; console.log(f); //常量 Java聲明 final Integer PI = 3.14; const PI = 3.14; console.log(PI); //演示弱類型語言 let a;//聲明變量不需要指明類型 console.log(typeof a);//undefined 未賦值類型,未知類型 a = "你好"; console.log(typeof a);//string a = 123; console.log(typeof a);//number a = true; console.log(typeof a);//boolean a = new Object(); console.log(typeof a);//object </script> </body> </html>

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>JS數(shù)據(jù)類型</title> </head> <body>  <script> //1. string 字符串 let str = "你好"; console.log(str); console.log(typeof str);//string // 2. number 數(shù)字 let n = 123.456; console.log(n); console.log(typeof n);//number // 3. boolean 布爾類型 let boo = false; console.log(boo); console.log(typeof boo);//boolean // 4. object 對(duì)象類型，空對(duì)象使用 null表示 let obj = null;//或 new Object(); console.log(obj); console.log(typeof obj);//object // 5. undefined 變量未賦值 let u = undefined; console.log(u);//值是undefined console.log(typeof u);//類型是undefined // Object類型 let stu = new Object();//創(chuàng)建一個(gè)js對(duì)象,js對(duì)象的屬性想要直接加上 stu.id = 1; stu.name = "劉一"; stu.age = 18; console.log(stu);//{id: 1, name: "劉一", age: 18} console.log(typeof stu);//object // JS對(duì)象取屬性值有兩種方式: // 1. obj.key console.log(stu.name);//劉一 // 2. obj["key"] console.log(stu["name"]); //劉一 == stu.name let b = "age"; console.log(stu[b]);//可以取不定屬性的值 </script> </body> </html>

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>JS運(yùn)算符</title> </head> <body>  <script> let a = 3; let b = "3"; console.log(a == b);//true // 全等運(yùn)算符 === console.log(a === b);//false // 不全等運(yùn)算符 !== console.log(a !== b);//true // 三元(三目)運(yùn)算符布爾表達(dá)式?真:假 let str = a===b?"全等":"不全等"; console.log(str);//不全等 </script> </body> </html>

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>條件語句</title> </head> <body> <!-- 條件語句JS的條件語句和Java語法基本一樣,但是對(duì)數(shù)據(jù)類型的真假判斷有些區(qū)別 JS中對(duì)各種數(shù)據(jù)類型作為布爾值的特點(diǎn):(重點(diǎn)掌握) 1. string 空字符串""為false,其余都為true 2. number 數(shù)字只有0為false,其余數(shù)字都為true 3. boolean 布爾類型值只有 true和false 兩個(gè) 循環(huán)語句

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>循環(huán)語句</title> </head> <body>  <script> //while 和Java一樣 let k=1; while (k<3){ console.log(k++); } //do while 和Java一樣 k =1; do{ console.log(k++); }while (k<3) //fori 和Java一樣 for(let i=0;i<3;i++){ console.log(i); } //forin 可以遍歷數(shù)組和對(duì)象 let arr = ["劉一","陳二","張三"];//JS數(shù)組使用中括號(hào)[]定義 let stu = {id:5,name:"李四",age:18};//JS對(duì)象使用大括號(hào)定義 //1.forin 遍歷出數(shù)組中的索引 for(let index in arr){ console.log(index);//數(shù)組的索引 0,1,2 console.log(arr[index]);//數(shù)組中的元素 } //2.forin 遍歷出對(duì)象中的屬性名key for(let k in stu){ console.log(k);//字符串屬性 id,name,age console.log(stu[k]);//對(duì)象中的屬性值 } //forof 可以遍歷數(shù)組 for(let e of arr){ console.log(e);//數(shù)組中的元素 }</script> </body> </html>

———————————————— 版權(quán)聲明：本文為CSDN博主「Regino」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。原文鏈接：https://blog.csdn.net/Regino/article/details/105321573

JavaScript 的簡述與基礎(chǔ)語法

JavaScript

b. 三種輸出方式 console.log document.write alert

c. 變量聲明 var let const typeof undefined

d. 數(shù)據(jù)類型簡介 string number boolean object undefined

e. 運(yùn)算符 + - * / % = < > && || !

i. 全等符與不全等符 `===` `!==`

f. 流程控制語句

i. 條件語句 if else switch case default break

ii. 循環(huán)語句 while dowhile fori forin forof

分類

日歷

鏈接

個(gè)人資料

存檔

JavaScript 的簡述與基礎(chǔ)語法

JavaScript

b. 三種輸出方式 console.log document.write alert

c. 變量聲明 var let const typeof undefined

d. 數(shù)據(jù)類型簡介 string number boolean object undefined

e. 運(yùn)算符 + - * / % = < > && || !

i. 全等符與不全等符 === !==

f. 流程控制語句

i. 條件語句 if else switch case default break

ii. 循環(huán)語句 while dowhile fori forin forof

分類

日歷

鏈接

個(gè)人資料

存檔

i. 全等符與不全等符 `===` `!==`