《JavaScript動態(tài)網(wǎng)頁設(shè)計(jì)》課件 1 創(chuàng)建JavaScript程序

項(xiàng)目1創(chuàng)建JavaScript程序主講：***2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)1子項(xiàng)目2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)2學(xué)習(xí)任務(wù)

任務(wù)1搭建開發(fā)環(huán)境

任務(wù)2初識JavaScript

任務(wù)3學(xué)習(xí)JavaScript語法

任務(wù)4在網(wǎng)頁中添加掌握J(rèn)avaScript程序的基本應(yīng)用2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)3任務(wù)1搭建開發(fā)環(huán)境對于Web前端開發(fā)人員，一個(gè)強(qiáng)大的編輯器可以使開發(fā)變得簡單、便捷、高效，建議使用類似VisualStudioCode（簡寫Vscode）這種專注于代碼編寫、輕量級且功能強(qiáng)的文本編輯工具作為JavaScript代碼的編寫工具。本書安裝的是windowx64的VisualStudioCode，官方簡體中文版的安裝文件可以在其官方網(wǎng)站下載：。2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)41、VisualStudioCode下載與安裝步驟如下：（1）下載VisualStudioCode軟件，如圖1-1所示。

圖1-1

VisualStudioCode下載界面2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)5（2）運(yùn)行VisualStudioCode安裝程序，如圖1-2所示。第一步是將其解壓到指定目錄，解壓完成后，會自動運(yùn)行安裝程序。

圖1-2

VisualStudioCode安裝程序（3）雙擊安裝圖標(biāo)，彈出安裝窗口，選擇“我同意此協(xié)議”選項(xiàng)，然后點(diǎn)擊“下一步”按鈕。如圖1-3所示。

圖1-2

VisualStudioCode安裝界面圖1-3

VisualStudioCode安裝界面2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)6（4）進(jìn)入“選擇附加任務(wù)”窗口，根據(jù)自己的需求點(diǎn)擊對應(yīng)的選項(xiàng)，然后點(diǎn)擊“下一步”按鈕。如圖1-4所示。

圖1-4

“選擇附加任務(wù)”窗口2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)7（5）進(jìn)入“準(zhǔn)備安裝”窗口，點(diǎn)擊“安裝”按鈕進(jìn)行程序的安裝。如圖1-5所示。

圖1-5

“準(zhǔn)備安裝”窗口2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)8（6）完成程序安裝，如圖1-6所示。

圖1-6

完成安裝窗口2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)92、JavaScript初體驗(yàn)下面通過一個(gè)案例來演示如何編寫一段簡單的JavaScript代碼。【范例1-1】實(shí)現(xiàn)當(dāng)網(wǎng)頁打開時(shí)自動彈出一個(gè)警告框，警告框的內(nèi)容為“HelloJavaScript”。<script>

alert('HelloJavaScript');

</script>運(yùn)行結(jié)果如圖1-10所示。

圖1-10

運(yùn)行結(jié)果2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)10任務(wù)2初識JavaScriptJavaScript是一種運(yùn)行在客戶端的腳本語言（Script是腳本的意思），不需要編譯，運(yùn)行過程由js解釋器逐行來進(jìn)行解釋并執(zhí)行。JavaScript控制了網(wǎng)頁的行為，如表單數(shù)據(jù)合法性驗(yàn)證、網(wǎng)頁特效、數(shù)據(jù)計(jì)算、服務(wù)端開發(fā)（Node.js）、后端接口通信等。2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)11一、JavaScript的組成JavaScript是由ECMAScript、DOM、BOM這3部分組成的。①ECMAScript。是由ECMA國際進(jìn)行標(biāo)準(zhǔn)化的一門編程語言。②DOM（DocumentObjectModel，文檔對象模型）。是W3C組織推薦的處理可擴(kuò)展標(biāo)記語言的標(biāo)準(zhǔn)編程接口。③BOM（BrowserObjectModel，瀏覽器對象模型）。是指瀏覽器對象模型，它提供了獨(dú)立于內(nèi)容的、可以與瀏覽器窗口進(jìn)行互動的對象結(jié)構(gòu)。2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)12二、JavaScript的書寫JavaScript有3種書寫位置，分別為行內(nèi)、內(nèi)嵌和外部。1、行內(nèi)式JS

可以將單行或少量JS代碼寫在HTML標(biāo)簽的事件屬性中（以on開頭的屬性），如onclick。這種

方式可讀性差，引號易錯(cuò)，不方便閱讀。<inputtype=”button”

value=”點(diǎn)擊一下”

onclick=”alert(‘helloeveryone’)”/>2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)132、內(nèi)嵌式JS

可將多行JS代碼寫到<script>標(biāo)簽中，內(nèi)嵌JS是學(xué)習(xí)時(shí)常用的方式。

【范例1-2】使用內(nèi)嵌式引用JS代碼，在控制臺輸出結(jié)果。

<script>

console.log(‘第一個(gè)JavaScript程序設(shè)計(jì)’);

</script>

運(yùn)行結(jié)果如圖1-11所示。

圖1-11

內(nèi)嵌式JS運(yùn)行結(jié)果2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)143、外部JS文件

利用HTML頁面代碼結(jié)構(gòu)化，把大段JS代碼獨(dú)立到HTML頁面之外，既美觀，也方便文件級別的復(fù)用。在HTML中使用<script>標(biāo)簽引用外部JS文件，引用外部JS文件的<script>標(biāo)簽中間不可以寫代碼，這種方式適合JS代碼量比較大的情況。<scriptsrc=”index.js”></script>2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)154、JavaScript注釋為了提高代碼的可讀性，JS和CSS一樣，也提供了注釋功能。JS中的注釋主要有兩種，分別是單行注釋和多行注釋。l

)單行注釋

//用來注釋單行文字。單行注釋的注釋方式如下：//我是一行文字，不想被JS引擎執(zhí)行，所以注釋起來2)多行注釋/**/用來注釋多行文字。多行注釋的注釋方式如下：/*

獲取用戶年齡和姓名

并通過提示框顯示出來*/2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)16任務(wù)3學(xué)習(xí)JavaScript語法JavaScript語言是一門功能強(qiáng)大、使用范圍廣泛的程序語言，其語法基礎(chǔ)包括變量、數(shù)據(jù)類型、運(yùn)輸符、語句及函數(shù)等內(nèi)容。下面主要介紹JavaScript中變量和運(yùn)算符。2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)17一、變量1、變量的命名規(guī)則

在JavaScript中，為了避免代碼編寫出錯(cuò)，變量進(jìn)行命名時(shí)要遵守相關(guān)的規(guī)則，規(guī)則如下：·

不能以數(shù)字開頭，且不能包含空格、加號和減號等符號?！?/p>

嚴(yán)格區(qū)分大小寫?！?/p>

不能使用JavaScript的關(guān)鍵字或保留字。

為了提高代碼的可讀性，建議對變量進(jìn)行命名時(shí)盡量做到“見其名知其義”。如果使用多個(gè)單詞組合命名，則用下劃線“_”分隔多個(gè)單詞，或者采用駝峰命名法，第一個(gè)單詞首字母小寫，后面單詞的首字母需要大寫。2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)182、變量的聲明和賦值

JavaScript常用的變量聲明方式有3種，分別是使用var、let、const關(guān)鍵字聲明，其中l(wèi)et和const是ES6標(biāo)準(zhǔn)中新增的聲明變量方式。（1）使用關(guān)鍵字var聲明變量和賦值使用var關(guān)鍵字既可以一次聲明一個(gè)變量，也可以一次聲明多個(gè)變量，聲明變量未賦值，表示不初始化變量，即變量默認(rèn)未undefined。varage;

//聲明一個(gè)變量varname,age,sex;

//聲明多個(gè)變量，不同變量之間用逗號隔開age、name、sex是變量名，通過變量名來訪問內(nèi)存中分配的空間。

“=”用來把右邊的值賦給左邊的變量空間中。2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)19（2）使用關(guān)鍵字let聲明變量和賦值關(guān)鍵字let聲明的用法類似于關(guān)鍵字var，但使用let聲明的變量只在塊級作用域中起作用。使用let既可以一次聲明一個(gè)變量也可以一次聲明多個(gè)變量。聲明變量未賦值表示不初始化變量，其變量默認(rèn)未undefined。letage;

//聲明一個(gè)變量letname,age,sex;

//聲明多個(gè)變量，不同變量之間用逗號隔開（3）使用關(guān)鍵字const聲明變量和賦值使用const關(guān)鍵字聲明一次只能聲明一個(gè)變量，并必須初始化變量，且該值在整個(gè)運(yùn)行過程中不可修改，如下。consta=5;//一次聲明一個(gè)變量2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)20（4）var和let可以多次對同一個(gè)變量賦值，一個(gè)變量被重新賦值后，它原有的值就會被覆蓋，變量值將以最后一次賦的值為準(zhǔn)，如下。varprice=20;console.log(price);

//輸出結(jié)果為20price=50;console.log(price);

//輸出結(jié)果為502024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)21二、基本數(shù)據(jù)類型JavaScript的基本數(shù)據(jù)類型有數(shù)值型、字符串型和布爾型，還有null（空型）、undefined（未定義型）、NaN（非數(shù)值）等。1、變量的數(shù)據(jù)類型

變量是用來存儲值的所在處，有變量名和數(shù)據(jù)類型。JavaScript是一種弱類型或者說動態(tài)語言。這意味著不用提前聲明變量的類型，在程序運(yùn)行過程中，類型會被自動確定。varage=30;//這是一個(gè)數(shù)值型varname=‘張三’;//這是一個(gè)字符串2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)222、數(shù)值型（Number型）

JavaScript的數(shù)值型包括整型和浮點(diǎn)型，整型通常使用十進(jìn)制表示，還可以使用二進(jìn)制、八進(jìn)制或十六進(jìn)制來表示，而浮點(diǎn)型數(shù)值為包含小數(shù)點(diǎn)的實(shí)數(shù)，可使用科學(xué)計(jì)數(shù)法來表示。vara=25;

//十進(jìn)制表示的26varb=3.4;

//整數(shù)部分.小數(shù)部分varc=3.14E5;

//科學(xué)計(jì)數(shù)法表示1)

JavaScript中數(shù)值的最大和最小值。alert(Number.MAX_VALUE);

//

1.7976931348623157e+308alert(Number.MIN_VALUE);

//

5e-322024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)232)

isNaN()用來判斷一個(gè)變量是否為非數(shù)字的類型，返回true或者false?！痉独?-3】使用IsNaN()方法判斷。varage=21;vara=isNaN(age);console.log(a);

//falsevarb=”andy”;console.log(isNaN(b));

//true

運(yùn)行結(jié)果如圖1-12所示。

圖1-12

isNaN()方法2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)243、布爾型（Boolean型）布爾型數(shù)值有兩個(gè)值，分別為true和false。在程序中也可用非0數(shù)值表示true，用數(shù)值0表示false。布爾型數(shù)值通常用于表示程序中的邏輯判斷結(jié)果。vard=true;

//給變量d賦值為布爾型數(shù)據(jù)truevare=false;

//給變量e賦值為布爾型數(shù)據(jù)false2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)254、字符串型（String型）

字符串用來表示文本數(shù)據(jù)，在JavaScript中使用單引號（‘）和雙引號（“）標(biāo)注字符串。varstr1=“Javascript”;

//表示字符串”Javascript”varstr2=‘前端開發(fā)’;

//表示字符串’前端開發(fā)’1)

字符串引號嵌套JavaScript可以用單引號嵌套雙引號，或者用雙引號嵌套單引號。varstr1=‘我是”白富美”哈’;varstr2

=“我是’高富帥’哈”;2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)262)

字符串轉(zhuǎn)義符類似HTML里面的特殊字符，字符串也有特殊字符，我們稱之為轉(zhuǎn)義符。轉(zhuǎn)義符都是\開頭的，常用的轉(zhuǎn)義符如表1-1所示。表1-1

JavaScript常用的轉(zhuǎn)義符轉(zhuǎn)義符說明\n換行符，n是newline的意思\\斜杠

\\''單引號\"“雙引號\ttab縮進(jìn)\b空格

，b是blank的意思2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)275、空型（Null）

空型是只有一個(gè)特殊的null值，該變量未指向任何對象。一個(gè)聲明變量給null值，里面存的值為空。

vara=null;

//null類型6、未定義型（undefined）

未定義型表示聲明的變量未被賦值，只有一個(gè)值，即為undefined。

varb;

console.log(b);

//輸出結(jié)果為undefined7、非數(shù)值型（NaN）

NaN（notaNumber）指程序運(yùn)行時(shí)由于某種原因產(chǎn)生沒有意義的數(shù)值。

vara=6;

varb=‘厲害’;

console.log(a*b);

//輸出結(jié)果為NaN2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)28三、數(shù)據(jù)類型轉(zhuǎn)換1、獲取檢測變量的數(shù)據(jù)類型

typeof可用來獲取檢測變量的數(shù)據(jù)類型。不同類型的返回值如表1-2所示。

typeof

變量或者

typeof(變量)

varnum=20;

console.log(typeofnum)

//結(jié)果number

表1-2

不同類型的返回值類型例結(jié)果Stringtypeof“白白”stringNumbertypeof20numberBooleantypeoftruebooleanUndefinedtypeofundefinedundefinedNulltypeofnullobject2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)292、隱式類型轉(zhuǎn)換在JavaScript中定義一個(gè)變量時(shí)無需指定該數(shù)據(jù)類型，JavaScript會自動將某個(gè)數(shù)據(jù)轉(zhuǎn)換成另一個(gè)類型的數(shù)據(jù)。隱式類型轉(zhuǎn)換是通過運(yùn)算自動對數(shù)據(jù)類型進(jìn)行轉(zhuǎn)換。（1）如果兩個(gè)操作數(shù)中有一個(gè)是字符串，利用加號運(yùn)算符運(yùn)算時(shí)，為字符串拼接運(yùn)算。拼接前會把與字符串相加的任何類型轉(zhuǎn)成字符串，再拼接成一個(gè)新的字符串。

2024+

“美好”;

//2024美好（2）除了加號運(yùn)算符外，JavaScript會將操作數(shù)改為相應(yīng)類型再進(jìn)行運(yùn)算，其中，true為1，false為0。

3-“8”;

//5

5*false;

//02024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)303、顯式類型轉(zhuǎn)換顯式類型轉(zhuǎn)換指的是通過具體的方法進(jìn)行轉(zhuǎn)換，增強(qiáng)代碼的可讀性。（1）將數(shù)據(jù)類型轉(zhuǎn)換為布爾型數(shù)據(jù)

在JavaScript中使用Boolean()可以將值轉(zhuǎn)換為布爾型數(shù)據(jù)，如果要轉(zhuǎn)換的值是空字符串、數(shù)字0、NaN、null和undefined，就會被轉(zhuǎn)換為false，其他的值被轉(zhuǎn)換為true。

Boolean(“

”);

//false

Boolean(0);

//false

Boolean(NaN);

//false

Boolean(null);

//false

Boolean(undefined);

//false

Boolean(123456);

//true2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)31（2）將數(shù)據(jù)轉(zhuǎn)換為數(shù)值型數(shù)據(jù)

在JavaScript中將數(shù)據(jù)轉(zhuǎn)換為數(shù)值型數(shù)據(jù)有3種方式，分別是parseInt()\parseFloat()和Number()。a）

parseInt()

將值轉(zhuǎn)換為整數(shù)。parseInt(”234.6”);

//234parseInt(”123abc”);

//123b）

parseFloat()

將值轉(zhuǎn)換為浮點(diǎn)數(shù)。parseFloat(”200.36”);

//200.36parseFloat(”456df”);

//456c）

Number()

將值轉(zhuǎn)換為數(shù)值。Number(”3.5”);

//3.5Number(”123ab”);

//NaN2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)32（3）將數(shù)據(jù)轉(zhuǎn)換為字符串?dāng)?shù)據(jù)

在JavaScript將數(shù)據(jù)轉(zhuǎn)換為字符串?dāng)?shù)據(jù)有2種方式，分別是String()或toString()，其中，String()是將任意數(shù)值轉(zhuǎn)換為字符串型數(shù)據(jù)，而toString()是將除了null和undefined以外的數(shù)據(jù)轉(zhuǎn)換為字符串?dāng)?shù)據(jù)。String(23);

//23String(”ab”);

//ab2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)33四、運(yùn)算符運(yùn)算符也被稱為操作符，是用于實(shí)現(xiàn)賦值、比較和執(zhí)行算數(shù)運(yùn)算等功能的符號。JavaScript中常用的運(yùn)算符有算術(shù)運(yùn)算符、賦值運(yùn)算符、關(guān)系運(yùn)算符、邏輯運(yùn)算符、賦值運(yùn)算符、三元運(yùn)算符、位運(yùn)算符等。2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)341、算術(shù)運(yùn)算符

算術(shù)運(yùn)算符用于對兩個(gè)值或變量進(jìn)行加減乘除等算術(shù)運(yùn)算。JavaScript常用的算術(shù)運(yùn)算符如表1-3所示。

表1-3

JavaScript常用的算術(shù)運(yùn)算符運(yùn)算符說明示例+加法運(yùn)算，返回結(jié)果為兩個(gè)數(shù)值的和3+7;//返回值為10連接運(yùn)算，只要有一側(cè)是字符串，進(jìn)行連接運(yùn)算“JavaScript”+“技術(shù)”；//返回值為“JavaScript技術(shù)”-減法運(yùn)算11-5;

//返回值為6*乘法運(yùn)算8*2;

//返回值為16/除法運(yùn)算9/3;

//返回值為3%取模運(yùn)算（取余）9%2;

//返回值為1++自增運(yùn)算，x++；++xx=1;y=x++;

//y=1,

x=2;x=1;y=++x;

//y=2,

x=2;--自減運(yùn)算，x--；--xx=6;y=x++;

//y=6,

x=5;x=6;y=++x;

//y=5,

x=52024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)352、賦值運(yùn)算符

賦值運(yùn)算符用來把數(shù)據(jù)賦值給變量。初始化變量時(shí)使用的“=”就是最基本的賦值運(yùn)算符，代表著將等號右邊的值賦給左邊變量。JavaScript常用的賦值運(yùn)算符如表1-4所示。

表1-4

JavaScript常用的賦值運(yùn)算符運(yùn)算符說明示例=將右邊表達(dá)式的值賦給左邊的變量age=18;+=將左邊變量加上右邊表達(dá)式的值賦給左邊的變量a+=b;//相當(dāng)于a=a+b;-=將左邊變量減去右邊表達(dá)式的值賦給左邊的變量a-=b;//相當(dāng)于a=a-b;*=將左邊變量乘右邊表達(dá)式的值賦給左邊的變量a*=b;//相當(dāng)于a=a*b;/=將左邊變量除以右邊表達(dá)式的值賦給左邊的變量a/=b;//相當(dāng)于a=a/b;%=對左邊變量用右邊表達(dá)式的值求模，并得結(jié)果賦給左邊變量a%=b;//相當(dāng)于a=a%b;&=對左邊變量和右邊表達(dá)式的值進(jìn)行與運(yùn)算，并得結(jié)果賦給左邊變量a&=b;//相當(dāng)于a=a&b;|=對左邊變量和右邊表達(dá)式的值進(jìn)行或運(yùn)算，并將結(jié)果賦給左邊變量a|=b;//相當(dāng)于a=a|b;2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)36【范例1-4】賦值運(yùn)算符的應(yīng)用如下。vara=10;console.log(a+=5);

//輸出結(jié)果為15varb=20;console.log(b*=5);

//輸出結(jié)果為100

運(yùn)行結(jié)果如圖1-13所示。

圖1-13

賦值運(yùn)算符的應(yīng)用2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)373、關(guān)系運(yùn)算符

關(guān)系運(yùn)算符又叫比較運(yùn)算符，是兩個(gè)數(shù)據(jù)進(jìn)行比較時(shí)所用的運(yùn)算符，比較運(yùn)算后，其結(jié)果返回的是布爾值（true/false）。JavaScript常用的關(guān)系運(yùn)算符如表1-5所示。表1-5

JavaScript常用的關(guān)系運(yùn)算符運(yùn)算符說明示例<小于3<4;

//返回值為true<=小于等于3<=3;//返回值為true>大于3>4;//返回值為false>=大于等于3>=4;//返回值為false==等于。只要值相等就是true“7”==7;//返回值為true!=不等于。值不相等就是false“7”!=7;//返回值為false===全等。對值和數(shù)據(jù)類型同時(shí)進(jìn)行判斷“7”===7;

//返回值為false!==不全等。對值和數(shù)據(jù)類型同時(shí)進(jìn)行判斷“7”!==7;

//返回值為true2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)384、邏輯運(yùn)算符

邏輯運(yùn)算符時(shí)用來進(jìn)行布爾值運(yùn)算的運(yùn)算符，在程序中，如果要對條件作判斷，可以使用邏輯運(yùn)算符。邏輯運(yùn)算符的操作數(shù)和運(yùn)算結(jié)果都是布爾值。JavaScript常用的關(guān)系運(yùn)算符如表1-6所示。表1-6

JavaScript常用的邏輯運(yùn)算符（給定x=2，y=9）運(yùn)算符說明示例&&邏輯與。只有當(dāng)兩個(gè)操作數(shù)的值都為true時(shí)，邏輯與的結(jié)果才為true，否則為falsex<6&&y>2;//返回值為true||邏輯或。只有當(dāng)兩個(gè)操作數(shù)的值都為false時(shí)，邏輯或的結(jié)果才為false，否則為truex==4||y==4;//返回值為false！邏輯非。操作數(shù)的值為true時(shí)，邏輯非的結(jié)果為false；操作數(shù)的值為false時(shí)，邏輯非的結(jié)果為true！(x==y);//返回值為true2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)395、三元運(yùn)算符

三元運(yùn)算符包括“?”和“:”，用于組成三元表達(dá)式，其語法格式如下：條件表達(dá)式?表達(dá)式1:表達(dá)式2;其中，如果條件表達(dá)式的值為true，則返回表達(dá)式1的運(yùn)行結(jié)果，否則，返回表式2運(yùn)行的結(jié)果?！痉独?-5】三元運(yùn)算符的應(yīng)用如下。varnum=100;varresult=num>10?‘是的’

:‘不是的’;console.log(result);

//輸出結(jié)果為是的

運(yùn)行結(jié)果如圖1-14所示。

圖1-14

三元運(yùn)算符的應(yīng)用2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)406、位運(yùn)算符

位運(yùn)算符用于對數(shù)據(jù)進(jìn)行二進(jìn)制運(yùn)算，JavaScript常用的位操作運(yùn)算符如表1-7所示。表1-7JavaScript常用的位運(yùn)算符位操作運(yùn)算符說明位操作運(yùn)算符說明&與運(yùn)算符<<左移|或運(yùn)算符>>有符號右移^異或運(yùn)算符>>>無符號右移~非運(yùn)算符

2024年12月18日J(rèn)avaScript動態(tài)網(wǎng)頁設(shè)計(jì)41【范例