首頁 > 開發者 > JavaScript
HTML 運算子、類型轉換，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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
