ch06 JavaScript 流程控制語句

2021-09-20 10:30:50 字數 1440 閱讀 8317

if語句是基於條件成立才執行相應**時使用的語句。

語法:

if

(條件)

注意:if 小寫,大寫字母(if)會出錯!

if…else 語句是在指定的條件成立時執行**,在條件不成立時執行 else 後的**。

語法:

if

(條件)

else

多重判斷(if…else巢狀語句)

要在多組語句中選擇一組來執行,使用 if…else 巢狀語句。

語法:

if

(條件 1

)else

if(條件 2

)...

else

if(條件 n)

else

多種選擇(switch語句)

當有很多種選項的時候,switch比if else使用更方便。

語法:

switch

(表示式)

語法說明:

switch 必須賦初始值,值與每個 case 值匹配。滿足執行該 case 後的所有語句,並用 break 語句來阻止執行下乙個 case 。如所有 case 值都不匹配,執行 default 後的語句。

迴圈語句,就是重複執行一段**。

for語句結構:

for

(初始化變數; 迴圈條件; 迴圈迭代)

和 for 迴圈有相同功能的還有 while 迴圈,while 迴圈重複執行一段**,直到某個條件不再滿足。

while語句結構:

while

(判斷條件)

do…while 結構的基本原理和 while 結構是基本相同的,但是它保證迴圈體至少被執行一次。因為它是先執行**,後判斷條件,如果條件為真,繼續迴圈。

do…while語句結構:

do

while

(判斷條件)

;

在 while 、for 、do…while 、while 迴圈中使用 break 語句退出當前迴圈,直接執行後面的**。

格式如下:

if

(特殊情況)

當遇到特殊情況的時候,迴圈就會立即結束。

switch 分支選擇語句中也用到 break 語句跳出**塊。

continue 的作用是僅僅跳過本次迴圈,而整個迴圈體繼續執行。

語句結構:

if

(特殊情況)

當特殊情況發生的時候,本次迴圈將被跳過,而後續的迴圈則不會受到影響。

JavaScript 實現瀑布流

一 前言 瀑布流現在是乙個非常常用的布局方式了,尤其在購物平台上,例如蘑菇街,等等。二 流程 1 在html檔案中寫出布局的元素內容 2 在css檔案中整體對每乙個必要的元素進行樣式和浮動設定 3 在js檔案中動態實現布局,每乙個滾動時,都要重新整理布局。三 思想 實現瀑布流,就是每次當前一列的顯示...

JavaScript 製作簡易瀑布流

en id container class box class box img div div class box class box img div div class box class box img div div class box class box img div div class ...

javascript中事件流機制

1.js中事件流機制,分為三個階段,事件捕獲階段 處於目標階段 事件冒泡階段 2.事件捕獲階段,瀏覽器會從根節點開始由外到內進行事件傳播 事件傳播的順序是 window document div div 結點 通過函式新增 element.addeventlistener event,functio...