11_day JS操作屬性和流程控制語句

條件語句:

條件語句是通過判斷指定表達式的值來決 定執(zhí)行還是跳過某些語句。

最基本的條件語句:if...else ? ? ?、switch...case


JS操作屬性:

DOM是為了操作文檔(網(wǎng)頁)的API,document是它的一個對象BOM是為了操作瀏覽器的API,window是它的一個對象常用BOM對象還有:alert、定時器等。


代碼

JS可控換膚:

通過按鈕的點擊來更換皮膚。但是要連接外部樣式表,通過點擊事件來更換不同的樣式表。

可控皮膚的代碼

JS操作style屬性:

style屬性中的樣式屬性,沒有"-"號的,寫法相同

例如:AA.style.color = 'yellow'; 這個顏色屬性沒有-,就原樣輸出。

style屬性中的樣式屬性,帶"-"號的需要去掉"-"號,寫成小駝峰式

例如:font-size屬性要寫為fontSize


代碼

JS操作class:由于class是js中的保留關鍵字,所以設置class屬性時,要寫為className

例如:


代碼

JS中括號操作屬性:

例題:A.style.color='red';

在定義顏色的時候,一定要加引號。否則會認為它是一個變量,引起來會認為他是一個值,復制給=左邊。還有一種用中括號的。


代碼

通過innerHTML可以讀寫元素包括的內(nèi)容。

其中document.write和innerHTML的區(qū)別:

document.write和innerHTML的區(qū)別

document.write只能重繪整個頁面

innerHTML可以重繪頁面的一部分



變量和函數(shù)的預解析:

alert(a);只把變量a的聲明提前,賦值不提前,所以彈出undefined,表示它的值未定義

alert(c)報錯,c沒有聲明,這是真正的未定義

var a = 123;

匿名函數(shù)和有名字函數(shù)的區(qū)分:


代碼



函數(shù)return關鍵字:

例題:return ?A ?返回函數(shù)設定的值,同時結(jié)束函數(shù)的運行

光是一個return 不返回值,僅僅結(jié)束函數(shù)的運行


代碼


執(zhí)行結(jié)果



流程控制語句:

流程控制語句

- JS中的程序是從上到下一行一行執(zhí)行的

- 通過流程控制語句可以控制程序執(zhí)行流程,

使程序可以根據(jù)一定的條件來選擇執(zhí)行

- 語句的分類:

1.條件判斷語句 ? ? 2.條件分支語句 ? ? ? 3.循環(huán)語句

條件判斷語句:

條件判斷語句:

- 使用條件判斷語句可以在執(zhí)行某個語句之前進行判斷,如果條件成立才會執(zhí)行語句,條件不成立則語句不執(zhí)行。

- if語句

- 語法一:

if(條件表達式){

語句...

}

if語句在執(zhí)行時,會先對條件表達式進行求值判斷,如果條件表達式的值為true,則執(zhí)行if后的語句,如果條件表達式的值為false,則不會執(zhí)行if后的語句。if語句只能控制緊隨其后的那個語句,如果希望if語句可以控制多條語句,可以將這些語句統(tǒng)一放到代碼塊中

if語句后的代碼塊(即{})不是必須的,但是在開發(fā)中盡量寫上代碼塊,即使if后只有一條語句

- 語法二:

if(條件表達式){

語句...

}else{

語句...

}

if...else...語句

當該語句執(zhí)行時,會先對if后的條件表達式進行求值判斷,

如果該值為true,則執(zhí)行if后的語句

如果該值為false,則執(zhí)行else后的語句



多重條件判斷語句:



當該語句執(zhí)行時,會從上到下依次對條件表達式進行求值判斷如果值為true,則執(zhí)行當前語句。如果值為false,則繼續(xù)向下判斷。如果所有的條件都不滿足,則執(zhí)行最后一個else后的語句該語句中,只會有一個代碼塊被執(zhí)行,一旦代碼塊執(zhí)行了,則直接結(jié)束語句

條件分支語句也叫switch語句

語法:


執(zhí)行流程:

switch...case..語句

在執(zhí)行時會依次將case后的表達式的值和switch后的條件表達式的值進行全等比較,

如果比較結(jié)果為true,則從當前case處開始執(zhí)行代碼。

當前case后的所有的代碼都會執(zhí)行,我們可以在case的后邊跟著一個break關鍵字,

這樣可以確保只會執(zhí)行當前case后的語句,而不會執(zhí)行其他的case

如果比較結(jié)果為false,則繼續(xù)向下比較

如果所有的比較結(jié)果都為false,則只執(zhí)行default后的語句

switch語句和if語句的功能實際上有重復的,使用switch可以實現(xiàn)if的功能,同樣使用if也可以實現(xiàn)switch的功能,所以我們使用時,可以根據(jù)自己的習慣選擇。




數(shù)組:


代碼



元組的常用方法:



?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容