92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

JavaScript 的簡述與基礎語法

2020-4-6    前端達人

目錄

JavaScript

  1. JS 發展歷史
  2. JS 的特點
  3. JS 的組成
  4. JS 的基礎語法

    a. 兩種引入方式 type src

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

    c. 變量聲明 var let const typeof undefined

    d. 數據類型簡介 string number boolean object undefined

    e. 運算符 + - * / % = < > && || !

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

    f. 流程控制語句

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

    ii. 循環語句 while dowhile fori forin forof



    JavaScript

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

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

  5. JS 的特點

    JS 設計模仿了 Java 語言，不同如下：

    JS 不需要編譯，由瀏覽器直接解釋執行；

    JS 是弱類型語言，JS 變量聲明不需要指明類型，不同類型的數據可以賦值給同一變量；
  6. JS 的組成

    ECMA Script 是 JS 的基礎語法；

    BOM（Brower Object Model）是瀏覽器對象模型；

    DOM（Document Object Model）是文檔對象模型；
  7. JS 的基礎語法

    a. 兩種引入方式 type src




    <!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS兩種引入方式</title>
</head>
<body>
<!-- JS兩種引入方式：JS和CSS一樣都需要引入到html頁面中，瀏覽器才會解釋執行，JS有兩種引入方式：
    1.內嵌(內部)腳本:在script標簽中寫js代碼,script標簽推薦放置在body標簽的底部,理論上和style標簽一樣可以放置位置任意；
    2.外部腳步:使用script標簽的src屬性引入外部js文件,使用注意事項: script標簽使用了src屬性以后內部的代碼不再被瀏覽器解釋執行，script引入外部腳本時不能使用自閉合格式 -->
<!--告訴瀏覽器把解析器切換為js解析器 type="text/javascript"可以省略-->
<script type="text/javascript"> document.write("<h1>內部腳本</h1>");//向body中追加html內容 </script>
<script src="../js/外部腳本.js"></script>
</body>
</html>






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

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


    c. 變量聲明 var let const typeof undefined 


    <!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS變量</title>
</head>
<body>
<!-- JS變量用來存放數據；
    es5以前變量聲明使用var；
    es6之后變量聲明使用let，常量聲明使用const。他們用于替代es6的var聲明方式；
 JS是弱類型語言: 
    聲明變量時不知道變量的類型(undefined),只有在賦值之后js變量才確定類型；
    typeof(a) 或 typeof a 輸出變量的類型；
    undefined表示變量未賦值,未知類型 -->
<script>
//字符串 Java聲明 String str ="張三";
let str ="張三";
console.log(str);
//整數 Java聲明 int k = 5;
let k = 5;
console.log(k);
//小數 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>


    d. 數據類型簡介 string number boolean object undefined 


    <!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS數據類型</title>
</head>
<body>
<!-- JS數據類型,常用數據類型:
    1.string 字符串類型;
    2.number 數字.包括整數和小數類型;
    3.boolean 布爾類型.值只有true和false兩個;
    4 object 對象類型,空對象使用null表示,有兩種格式:
        new Object(); 
        JSON格式.例如:{name:"張三",age:18};
    5.undefined 變量未賦值 -->
<script>
//1. string 字符串
let str = "你好";
console.log(str);
console.log(typeof str);//string
// 2. number 數字
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 對象類型，空對象使用 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();//創建一個js對象,js對象的屬性想要直接加上
stu.id = 1;
stu.name = "劉一";
stu.age = 18;
console.log(stu);//{id: 1, name: "劉一", age: 18}
console.log(typeof stu);//object
// JS對象取屬性值有兩種方式:
// 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>


    e. 運算符 + - * / % = < > && || !


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


    <!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
   <title>JS運算符</title>
</head>
<body>
<!--
JS運算符
js運算符和Java運算符基本相同
只有一個特殊的比較運算符
=== 判斷js變量的值和類型都相等才為true
!== 不全等，判斷js變量的值和類型有一個不等就為true
-->
<script> let a = 3;
let b = "3";
console.log(a == b);//true
// 全等 運算符 ===
console.log(a === b);//false
// 不全等 運算符 !==
console.log(a !== b);//true
// 三元(三目)運算符 布爾表達式?真:假
let str = a===b?"全等":"不全等";
console.log(str);//不全等
</script>
</body>
</html>


    f. 流程控制語句

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


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

  8. object 對象類型 空對象null表示false,其它對象都是true 5. undefined 變量未賦值 為false 常用語法格式 if ... else if ... else switch case break default -->
    <script>
    //if ... else
    //if(true){
    //if(""){// string 只有空字符為假
    //if(0){number 只有0為假
    //if(false){//boolean false為假 true為真
    //if(null){//object null為假
    //if(undefined){//undefined永為假
    if("undefined"){//undefined永為假
    console.log("滿足條件");
    }else{
    console.log("不滿足條件");
    }

    //switch case break default
    let k =1;
    switch (k) {
    case 1:
    console.log("111");break;
    case 2:
    console.log("222");break;
    default: console.log("其它情況"); }
    </script>
    </body>
    </html>

    ii. 循環語句 while dowhile fori forin forof 


    <!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>循環語句</title>
</head>
<body>
<!-- 循環語句
    while，do while，fori 和Java一樣；
    forin
        1.遍歷出數組中的索引和元素
        2.遍歷出對象中的屬性和元素
    forof 
        1.遍歷出數組中的元素
    forin 與 forof 區別:
        1.forin可以遍歷對象,forof不能遍歷對象
        2.forin可以遍歷出數組中的索引,forof只能遍歷出數組中的元素 -->
<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 可以遍歷數組和對象
let arr = ["劉一","陳二","張三"];//JS數組使用中括號[]定義
let stu = {id:5,name:"李四",age:18};//JS對象使用大括號定義
    //1.forin 遍歷出數組中的索引
for(let index in arr){
    console.log(index);//數組的索引 0,1,2
    console.log(arr[index]);//數組中的元素
}
    //2.forin 遍歷出對象中的屬性名key
for(let k in stu){
    console.log(k);//字符串屬性 id,name,age
    console.log(stu[k]);//對象中的屬性值
}

//forof 可以遍歷數組
for(let e of arr){
    console.log(e);//數組中的元素
}</script>
</body>
</html>

    

    

    ————————————————
版權聲明：本文為CSDN博主「Regino」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/Regino/article/details/105321573

    9. 





原文鏈接：https://blog.csdn.net/Regino/article/details/105321573 











    


				

								
			

		

		
		
	




    
  

    
日歷

    

        

        
    

  

    
    

      
鏈接

      
    
                

    

    

      
個人資料

      

          

                    

          
藍藍設計的小編
          http://www.skdbbs.com

      

    

    

      
存檔

      
    







  
 



92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线




日韩av一区在线观看|
欧美日韩一区二区三区|
成人国产精品色哟哟|
久久久国产一区|
亚洲电影中文字幕|
成人h片在线播放免费网站|
国模私拍一区二区三区|
www.日本久久久久com.|
欧美精品一区二区三区国产精品|
北条麻妃一区二区在线观看|
色综合伊人色综合网|
欧美激情国产高清|
国产欧美久久一区二区|
亚洲精品小视频|
热re91久久精品国99热蜜臀|
欧美性做爰毛片|
欧美国产高跟鞋裸体秀xxxhd|
亚洲午夜激情免费视频|
91香蕉亚洲精品|
亚洲视频axxx|
亚洲国产成人精品一区二区|
一区二区三区黄色|
91精品啪在线观看麻豆免费|
亚洲人成网站在线播|
中文字幕欧美亚洲|
国内精品久久久久伊人av|
欧美精品在线免费播放|
神马久久久久久|
国产精品com|
亚洲精品电影网站|
91亚洲国产精品|
成人免费看吃奶视频网站|
国产美女直播视频一区|
色七七影院综合|
狠狠躁夜夜躁人人躁婷婷91|
成人a级免费视频|
国产精品香蕉在线观看|
久久免费高清视频|
中文字幕精品av|
92版电视剧仙鹤神针在线观看|
成人av电影天堂|
日韩精品亚洲元码|
欧美大片在线影院|
欧美大全免费观看电视剧大泉洋|
国产欧美精品xxxx另类|
国产日韩精品电影|
欧美日韩国产一区中文午夜|
日本韩国在线不卡|
亚洲视屏在线播放|
欧美性生交xxxxxdddd|
精品国产一区二区三区久久狼黑人|
97久久久免费福利网址|
欧美性69xxxx肥|
久久精品国产成人|
日本精品免费观看|
国产亚洲精品美女久久久久|
国产一级揄自揄精品视频|
亚洲欧美日韩国产中文|
亚洲综合一区二区不卡|
久久人人看视频|
日韩精品视频三区|
色悠久久久久综合先锋影音下载|
成人久久一区二区|
亚洲性视频网站|
国产成人精品一区二区三区|
97超碰色婷婷|
国产亚洲欧美另类中文|
日韩成人xxxx|
欧美专区在线观看|
伊人久久免费视频|
亚洲综合一区二区不卡|
成人黄色网免费|
少妇av一区二区三区|
91性高湖久久久久久久久_久久99|
亚洲国产另类久久精品|
国产精品免费一区二区三区都可以|
欧美日本亚洲视频|
久久久女女女女999久久|
亚洲精品www久久久久久广东|
国产视频亚洲精品|
懂色av一区二区三区|
国产日韩精品在线|
国产精品爽爽ⅴa在线观看|
51色欧美片视频在线观看|
91亚洲精华国产精华|
成人精品网站在线观看|
国产精国产精品|
国产又爽又黄的激情精品视频|
欧美激情欧美激情在线五月|
久久亚洲精品一区|
亚洲国产天堂久久国产91|
日韩在线观看免费全|
欧美激情性做爰免费视频|
亚洲欧美日韩国产中文|
精品夜色国产国偷在线|
国产成人精品亚洲精品|
亚洲一级一级97网|
精品国产精品自拍|
日韩福利在线播放|
亚洲3p在线观看|
亚洲成人激情视频|
亚洲一区久久久|
91在线观看免费高清完整版在线观看|
91日韩在线视频|
2019中文字幕全在线观看|
丝袜美腿精品国产二区|
欧洲一区二区视频|
91精品免费看|
欧美视频免费在线|
国产精品香蕉国产|
69久久夜色精品国产7777|
国产亚洲精品成人av久久ww|
日本精品视频网站|
国产亚洲精品久久|
亚洲综合av影视|
日韩在线观看视频免费|
亚洲欧美一区二区三区四区|
日韩极品精品视频免费观看|
欧美日韩999|
亚洲久久久久久久久久|
国产欧美精品xxxx另类|
色婷婷亚洲mv天堂mv在影片|
日本一欧美一欧美一亚洲视频|
日韩欧美国产高清91|
日韩美女视频免费看|
久久久久久久电影一区|
色妞一区二区三区|
亚洲福利精品在线|
欧美华人在线视频|
午夜精品一区二区三区视频免费看|
日本久久精品视频|
亚洲欧美资源在线|
91久久精品国产91性色|
国产精品美女在线观看|
亚洲国产精品推荐|
久久国产一区二区三区|
亚洲国产毛片完整版|
亚洲精品乱码久久久久久按摩观|
国产精品电影网站|
亚洲成人激情视频|
国产成人高潮免费观看精品|
国产综合香蕉五月婷在线|
国产精品一区二区三区毛片淫片|
成人a视频在线观看|
96国产粉嫩美女|
91精品国产99久久久久久|
欧美成人合集magnet|
色婷婷综合成人av|
亚洲天堂av在线免费观看|
国产精品扒开腿做爽爽爽的视频|
欧美黄色www|
日韩免费视频在线观看|
亚洲精品成人久久|
国产精品青青在线观看爽香蕉|
亚洲精品久久久久国产|
在线观看日韩www视频免费|
国产精品一区二区三区成人|
亚洲精品一区久久久久久|
国产一区二区黑人欧美xxxx|
狠狠色狠色综合曰曰|
国产丝袜一区二区三区免费视频|
久久久国产一区二区三区|
性色av一区二区三区免费|
国产成人精品久久久|