HTML 運算符、類型轉換


1.類型轉換:

    分為自動轉換和強制轉換,一般用強制轉換。

    其他類型轉換為整數:parseInt();

    其他類型轉換為小數:parseFloat();

    判斷是否是一個合法的數字類型:isNaN();

    是數字的話返回false,不是數字的話返回ture   

示例:   

 

 

需要將prompt放進isNaN方法內

2.運算符:

    數學運算符+    -    *    /    %    ++    --

    關系運算符==    =    >=    <=    >    <

    邏輯運算符&&    ||    !;

    其他運算符+=    -=    *=    /=    %=    

   

3.語句:

    一般分為順序、分支和循環語句。

1)分支語句if

if(判斷條件)

{

    滿足條件要執行的語句

}

else

{

    不滿足條件時執行的語句

}

   

2)循環for語句:

for初始條件;循環條件;狀態改變

{

    循環體

}

3)問題類型:窮舉、迭代。

4)兩個關鍵詞:break continue

5)如果要輸出某一參數的值:輸出的值是"+a+""+b"

<script>

function visible1()

{    $("p").hide();};

</script>

</head>

<body>

<input type="button" onclick = "visible1()" value ="點這里讓文字消失"/>

<p>我會消失。</p>

$("id1")就相當於document.getElementById("id1")   

 

 

 

五個練習題

1.輸入整數a和b,若a2+b2大於100,則輸出a2+b2百位以上數字,否則輸出兩數之和<br />
<input type="text" id="a" /><br />
<input type="text" id="b" /><br />
<input type="button" value="點擊" onclick="dianji()" />
<script>
function dianji()
{
var a = parseInt(document.getElementById("a").value);
var b = parseInt(document.getElementById("b").value);
if(a*a+b*b>100)
{
alert(a*a+b*b);
}
else
{
alert(a+b);
}
}
</script>

<br />
<br />

2.輸入一個年份,判斷是否是閏年(能被4整除卻不能被100整除的年份。世紀年份能被400整除的是閏年)<br />
<input type="text" id="run" /><input type="button" value="檢查是否是閏年" onclick="check()" />
<script>
function check()
{
var a =parseInt(document.getElementById("run").value);
if(a%4==0&&a%100!=0 || a%400==0)
{
alert("您輸入的是閏年年份");
}
else
{
alert("不是閏年");
}
}
</script>

<br />
<br />

3.標准體重:
男士體重=身高-100±3
女士體重=身高-110±3
<br />
請輸入性別:<input type="text" id="sex" /><br />
請輸入身高:<input type="text" id="height" /><br />
請輸入體重:<input type="text" id="weight" /><br />
<input type="button" value="檢查體重是否標准" onclick="tizhong()" />
<script>
function tizhong()
{
var sex =document.getElementById("sex").value;
var height =parseFloat(document.getElementById("height").value);
var weight = parseFloat(document.getElementById("weight").value);
if(sex=="男")
{
var zhong = height-100-weight;
if(zhong<=3&&zhong>=-3)
{
alert("標准體重")
}
else if(zhong>3)
{
alert("體重偏輕,多吃點")
}
else
{
alert("體重過重,多運動")
}
}
else if(sex=="女")
{
var zhong = height-110-weight;
if(zhong<=3&&zhong>=-3)
{
alert("標准體重")
}
else if(zhong>3)
{
alert("體重偏輕,多吃點")
}
else
{
alert("體重過重,多運動")
}
}
else
{
alert("性別輸入有誤!")
}
}
</script>
<br />
<br />

4.一個游戲,前20關是每一關自身的分數,
21-30關每一關是10分
31-40關,每一關是20分
41-49關,每一關是30分
50關,是100分
//輸入你現在闖到的關卡數,求你現在擁有的分數
<br />
請輸入現在闖到的關卡數:<input type="text" id="game" /><input type="button" value="計算得分" onclick="jisuan()" />
<script>
function jisuan()
{
var a = parseInt(document.getElementById("game").value);
if(a>0&&a<=50)
{
var sum=0;
for(var i=1;i<=a;i++)
{
if(i<=20)
{
sum+=i;
}
else if(i<=30)
{
sum+=10;
}
else if(i<=40)
{
sum+=20;
}
else if(i<=49)
{
sum+=30;
}
else
{
sum+=100;
}
}
alert("您獲得的總分是:"+sum)
}
else
{
alert("輸入有誤!")
}
}
</script>

<br />
<br />


5.從控制台輸入10個人的年齡放入數組,將十個人的年齡求總和
<br />
<p id="pp">請在文本框內輸入第1個人的年齡:</p>
<input type="text" id="age" />
<input type="button" value="添加" id="jia" onclick="jia()" />
<script>
var array =new Array();
var biao =1;
function jia()
{
var aa =document.getElementById("jia").value;
if(aa == "添加")
{
array[biao-1] = parseInt( document.getElementById("age").value);
document.getElementById("age").value="";
biao++;
document.getElementById("pp").innerText="請在文本框內輸入第"+biao+"個人的年齡:";
if(biao==10)
{
document.getElementById("jia").value="添加並計算";
}
}
else
{
array[9] = parseInt( document.getElementById("age").value);
var sum=0;
for(var i=0;i<10;i++)
{
sum+=array[i];
}
document.getElementById("jia").disabled="disabled";
alert("年齡總和是:"+sum)
}
}
</script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM