迴圈語句 條件判斷

2021-10-22 18:30:59 字數 2668 閱讀 4748

為頁面新增9個無序列表

var str = "";

var div1 = document.getelementbyid("div1");

var i = 1;

str+="";

div1.innerhtml=str

迴圈前執行多次語句寫在while中,迴圈條件必須寫在while()的最後

故也可以寫成

var str = "";

var div1 = document.getelementbyid("div1");

var i = 1;

str+="";

div1.innerhtml=str;

一、

var i = 1;

var sum = 0;

while(i++<=100)

console.log(sum);

二、var i = 1;

var sum = 0;

while(i<=100)

console.log(sum);

三、var i = 1;

var sum = 0;

while(sum+=i++,i<=100);//while語句塊寫在括號裡面的時候,需要在while語句後面新增分號

console.log(sum);

var i = 0;

while(i<6)

while(k<2*i-1)

document.write("

");}

當渲染樹中的一部分因為元素的規模尺寸,布局,隱藏等改變而需要重新構建,這就稱為回流。每個頁面在第一次載入的時候會發生回流,因為要構建render tree。在回流的時候,瀏覽器會使渲染樹中受到影響的部分失效,並重新構造這部分渲染樹,完成回流後,瀏覽器會重新繪製受影響的部分到螢幕中,該過程稱為重繪。

當render tree中的一些元素需要更新屬性,而這些屬性只是影響元素的外觀,風格,而不會影響布局的,比如background-color。則就叫稱為重繪。

他們的區別很大:回流必將引起重繪,而重繪不一定會引起回流。比如:只有顏色改變的時候就只會發生重繪而不會引起回流

當頁面布局和幾何屬性改變時就需要回流

比如:新增或者刪除可見的dom元素,元素位置改變,元素尺寸改變——邊距、填充、邊框、寬度和高度,內容改變

```bas

// var i = 0;

// zhangsan: while (i++ < 10)

// }

// console.log("aaa");

```

if else 需要明確條件 try catch出錯切換

// var div=document.getelementbyid("divs");

// if(div)else

// 不需要預先判斷出現錯誤,由try去自身判斷

// var div

// trycatch(e)finally

// var i=0;

// dowhile(i<0);

// switch多分支條件語句 判斷相等 (===)

//上乙個case中沒有使用break,則會穿越到下乙個case中執行,不判斷條件

// 判斷表示式和case中哪乙個值相等,並且執行對應的語句塊

// break 跳出語句塊

// default 如果不等同任何乙個case的值,則執行default中的語句塊

// switch(表示式)
重複呼叫乙個函式或執行乙個**段,在每次呼叫之間具有固定的時間延遲。每次呼叫之間有固定的時間延遲。它返回乙個時間間隔id,該id唯一地標識時間間隔,因此可以稍後通過呼叫clearinterval()來刪除它。

實現乙個紅色的盒子順時針方向移動200px

.div1

var x=0;

var y=0;

status = right;

setinterval(function()

div1.style.left = x+"px";

div1.style.top = y+"px";

},16)

初始值 開始執行 執行一次

條件 迴圈開始判斷(進入迴圈語句塊之前) 迴圈幾次執行幾次(比迴圈語句塊多執行一次)

向條件外變化的表示式 每次迴圈語句塊結束後執行 迴圈幾次執行幾次(和迴圈語句塊執行次數相等)

for(初始值;條件;向條件外變化的表示式)

for( ;;)

用for迴圈實現1-100所有的質數的列印

console.time("test");//開啟定時器

outer: for(var i=2,j;i<100;i++)

console.log(i+"這是質數");

}console.timeend("test");//停止計時

//lable迴圈語句,使用break終止迴圈的時候,可以在break後面跟乙個lable,這樣break將會結束指定的迴圈,而不是最近的

//continue關鍵字主要是用來跳過當次的迴圈

條件判斷及迴圈語句

1 順序結構 從上往下依次執行 開始 語句一 語句二 結束 2 選擇結構 分支結構 有特定的語法格式,必須按照語法格式編寫 兩種選擇語句 1 if語句 2 switch語句 1 if語句 1 格式1 if 關係表示式 else 執行流程 首先判斷關係表示式看其結果是true還是false 如果是tr...

sass中的迴圈判斷條件語句

lte7 true default 是否相容ie6,7 inline block ie6 7 display inline zoom 1 mixin inline block 既然有 if,那肯定有 else啊 filter false default 是否開啟ie濾鏡 背景色半透明 mixin b...

條件語句 迴圈語句

1 switch case switch中的比較是用的equals,而不是 switch中只能使用byte short int char string 列舉型別。不能使用long flaot double 各個case標籤不必連續 也不按特定順序排列,default標籤可位於switch case結...