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://m.skdbbs.com

      

    

    

      
存檔

      
    







  
 



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




www在线视频|
欧美成人app|
久久人人97超碰国产公开结果|
亚洲精品aⅴ中文字幕乱码|
亚洲欧洲高清|
日韩在线视频观看正片免费网站|
精品国产百合女同互慰|
国内精品嫩模av私拍在线观看|
成人小视频免费观看|
麻豆极品一区二区三区|
久久一区91|
国产专区一区二区三区|
成人春色在线观看免费网站|
国产精品1区2区|
亚洲天堂男人天堂女人天堂|
欧美r级在线|
日韩精品视频免费在线观看|
97免费在线视频|
亚洲第一精品自拍|
亚洲精品一区二区网址|
中文字幕不卡在线播放|
亚洲成人中文在线|
欧美一级二级三级九九九|
亚洲视频免费在线观看|
欧美亚洲国产日韩2020|
精品福利视频一区二区三区|
蜜臀av性久久久久av蜜臀妖精|
欧美日韩午夜精品|
蜜桃av噜噜一区二区三区|
少妇淫片在线影院|
国产夫妻在线播放|
成人一区二区三区|
亚洲激情在线|
久久精品一区二区不卡|
午夜精品久久久久久久99热浪潮|
99久久久无码国产精品|
亚洲私拍自拍|
日韩欧美网址|
天天干在线视频论坛|
欧美国产亚洲精品久久久8v|
伊人久久大香线蕉|
亚洲成人1区2区|
在线播放毛片|
免费试看一区|
欧美精品做受xxx性少妇|
97久久伊人激情网|
亚洲精品黑牛一区二区三区|
亚洲国产成人精品女人|
91中文字幕在线|
欧美日韩天天操|
日韩毛片中文字幕|
国产乱码精品|
亚洲欧美一区二区三区极速播放|
国偷自产视频一区二区久|
一区二区三区在线资源|
gay欧美网站|
国产欧美久久久久久久久|
成人做爰视频www|
99久久伊人|
欧美日韩一区二区三区四区五区|
日韩免费在线观看|
国产日韩在线免费|
亚洲1区2区3区4区|
欧美日韩视频在线第一区|
亚洲妇熟xxxx妇色黄|
一区二区视频免费在线观看|
国产福利成人在线|
中文字幕欧美日韩在线|
国产成人鲁鲁免费视频a|
免费观看成人www动漫视频|
日本中文字幕成人|
国产经品一区二区|
亚洲成人影院麻豆|
日韩成人一区二区|
成人在线免费观看视视频|
91小视频在线|
久草在线成人|
91亚洲永久精品|
一本久道中文字幕精品亚洲嫩|
成人福利视频|
亚洲午夜一区|
天天操天天综合网|
男人的天堂免费在线视频|
人人香蕉久久|
欧美激情国产高清|
日韩在线观看一区二区三区|
亚洲天堂成人在线视频|
日韩av高清|
97在线视频免费看|
不卡一区视频|
成人国产精品久久久|
日韩欧美一二三四区|
www在线观看播放免费视频日本|
亚洲欧洲三级电影|
www.亚洲人.com|
亚洲精品中文字幕乱码三区|
欧美大片1688|
国产精品福利一区二区三区|
日本高清不卡aⅴ免费网站|
51午夜精品国产|
美女精品国产|
久久国产精品99精品国产|
中文字幕av一区二区三区|
91精品一区二区三区在线观看|
中文字幕亚洲一区二区av在线|
久久精品青草|
日韩专区中文字幕一区二区|
日韩欧美中文字幕在线观看|
欧美日韩国产一区|
日韩在线电影|
理论片午午伦夜理片在线播放|
日韩欧美高清在线视频|
狠狠色狠狠色综合婷婷tag|
国模吧视频一区|
视频一区国产|
电影在线高清|
一区二区亚洲欧洲国产日韩|
heyzo在线欧美播放|
成人黄色片视频网站|
欧美一区二区福利视频|
亚洲一区日韩精品中文字幕|
亚洲成人午夜在线|
这里只有精品在线观看|
国产乱人伦真实精品视频|
亚洲美女淫视频|
欧美片网站yy|
国产精品高潮呻吟久久av无限|
日韩亚洲一区在线播放|
国产一区一一区高清不卡|
亚洲视频电影图片偷拍一区|
欧美视频官网|
老司机精品影院|
国产亚洲精品福利|
精品香蕉视频|
欧美一区影院|
久草在线视频网站|
亚洲尤物在线|
国产调教精品|
成人免费毛片a|
日韩av中文在线|
成人做爰视频www|
色国产精品一区在线观看|
卡通动漫精品一区二区三区|
亚洲欧洲激情在线|
少妇一区视频|
jizz在线观看中文|
久久精品视频一区二区三区|
欧美猛男同性videos|
992tv在线成人免费观看|
欧美国产精品|
97免费资源站|
欧美毛片免费观看|
色婷婷久久久久swag精品|
国产一区二区三区日韩精品|
成人亚洲综合色就1024|
日韩视频在线观看|
在线成人av|
国产91精品一区二区麻豆网站|
97成人精品区在线播放|
国产精品1区二区.|
中文字幕在线视频一区|
91精品91久久久中77777|
国产精品亚洲一区二区三区妖精|
久久99免费视频|