h5 選擇結構 除錯 switch

2021-08-10 21:23:37 字數 4018 閱讀 6311

1、

製作乙個四則運算器,要求輸入乙個數再輸入乙個算數運算子再輸入乙個數,計算出對應的結果。

//    1、接收使用者輸入的第乙個數

//    2、接收使用者輸入的運算子

//    3、接收使用者輸入的第二個數

//        判斷op 如果等於+ 就對兩個數進行加法運算

//        判斷op 如果等於- 就對兩個數進行減法運算

//        判斷op 如果等於* 就對兩個數進行乘法運算

//        判斷op 如果等於/ 就對兩個數進行除法運算

var

num1=number(

prompt

("

輸入乙個數

"));

var

op=

prompt

("

輸入乙個算術運算子

");

var

num2=number(

prompt

("

再輸入乙個數

"));

//var s=0;

if(op=="+")elseif(op=="-")elseif(op=="*")elseif(op=="/")else}

alert

("

運算結果為:

"+s);

選擇還有swich(開關)

swich(x)

alert

("

運算結果為:

"+s);

它的執行效率比if快得多。她會將所有的可能放在記憶體當中,case就是標號,當條件滿足這個標號時直接進入這個情況裡面。

switch:優點:

1、結構清晰,一目了然

2、執行速度相對較快

switch執行邏輯:從switch後面的小括號裡面的變數與後面case中的常量相等的地方開始執行,然後依次後面的指令。一直到指令結束。

case:並不會參與運算,不起條件判斷作用,只起到乙個標號的作用。只是執行指令的入口。

default就是除了case以外的情況。

break並不是switch語法中的內容。他不屬於switch只是乙個輔助工具用於跳出出當前結構。

改寫獻血量/

/    1、接收使用者輸入的體重weight和血紅蛋白含量hb

//   2、定義起步輸血量p1=7,p2=10,p3=15

//   3、判斷hb是否超過30

//      否:math.ceil(weight)*p1(num)

//      是:再判斷hb是否超過60

//                否:math.ceil(weight)*p2(num)

//                是:math.ceil(weight)*p3(num)

//   4、輸出獻血量

var weight=number(prompt("輸入體重數"));

var hb=number(prompt("輸入血紅蛋白含量"));

var p1=7;

var p2=10;

var p3=15;

var num=0;

//改寫switch

switch(math.floor(hb/30))

//    if(hb<30)

//    elseelse

//    }

alert("輸血量為:"+num);//這裡用+作連線

百分制轉化為4分制。 a

、80以上 b

、70-80

c、60-70

d、60以下

//    1、接收學生輸入的成績

//    2、將成績除於

10取整

score

//    3、判斷

score

的值var

score

=number(prompt("

輸入學生的成績

"));

var

res="";

switch(math.floor(score

/10))

alert(res

);

根據使用者輸入的日期,計算在這一天是當前年的第幾天。(不考慮閏年)

var

month

=number(prompt("

輸入月份

"));

var

days

=number(prompt("

輸入日期

"));

switch(month

-1)

alert(days

);

考慮閏年 4年一閏,百年不閏;4百年再閏

var

year

=number(prompt("

輸入年"));

var

month

=number(prompt("

輸入月份

"));

var

days

=number(prompt("

輸入日期

"));

switch(month

-1)else

case1:

days

+=31;

}alert(days

);

錯誤分為兩種

語法錯誤

邏輯錯誤

右擊瀏覽器選擇檢查,或者f12進入開發者工具。錯誤資訊會在console視窗下提示。

上面的步驟同時進一步說明了解釋型語言的特點,翻譯一條執行一條。遇到錯誤的時候才終止。

邏輯錯誤:

如何除錯邏輯錯誤:

語法沒有問題,得到的結果與期望得到的結果不符合。並不會console的視窗下而去提示錯誤資訊。

在source下面可以看到js**。在裡面可以設定斷點。

**執行到斷點處就暫停執行(在**左側)

可以讓**單步執行快捷鍵f10

同時可以檢視**中任意乙個表示式或者變數的值

1、手動新增watch

2、右擊選中的表示式選擇新增到watch

通過以上的方式可以看到**每一步的執行結果,當遇到期望值不符合時就是那一行**有問題。能夠幫助我們定位到錯誤的位置,根據自己的經驗和知識,分析出錯誤的原因,然後解決他。

移動端H5除錯

背景 開發pc頁面的時候使用chrome瀏覽器的開發者工具,可以很容易的捕獲到頁面的dom元素,並且可以修改樣式,方便除錯 但是手機上卻很麻煩,因為手機上沒有辦法直接開啟開發者工具檢視元素。其實可以通過將裝置連線到pc,使用pc的開發者工具檢測。fiddler抓包工具 fiddler是強大的抓包工具...

chrome inspect 遠端除錯H5

chrome inspect devices 乙個內置於chrome的遠端除錯指令,滿足遠端除錯的幾個必須條件 2,手機開啟usb除錯模式 以上條件為必須的 附上連線 1.很多手機的預設開發者許可權是關閉的,此時請多次點選版本號,就會彈出連線開發者的彈窗 2.連線效果圖 3.連線成功開啟chrome...

H5移動端除錯 weinre

h5頁面在pc上除錯起來很方便,但是在手機上卻很麻煩,此時移動端就像乙個黑匣子,檢視或修改dom css,localstore等變的很困難。這個時候遠端除錯就孕育而生了。weinre是單詞縮寫,全稱是網頁遠端審查 web inspector remote 發音同winery wa n ri 可以在p...