1.函數(shù)return關(guān)鍵字
window.onload = function(){
var oInput01 = document.getElementById('input01');
var oInput02 = document.getElementById('input02');
var oBtn = document.getElementById('btn');
//寫入值
// oInput01.value = 10;
// oInput02.value = 5;
oBtn.onclick = function(){
var val01 = oInput01.value;
var val02 = oInput02.value;
var rs = add(val01, val02);
alert(rs);
}
function add(a, b){
var c = parseInt(a) + parseInt(b);
// alert('計(jì)算完成');//執(zhí)行
return c;//返回函數(shù)設(shè)定的值织阅,同時(shí)結(jié)束函數(shù)的運(yùn)行
// return;//不返回值,僅結(jié)束函數(shù)的運(yùn)行
// alert('計(jì)算完成');//不執(zhí)行
}
}
2.流程控制語句
流程控制語句
- JS中的程序是從上到下一行一行執(zhí)行的
- 通過流程控制語句可以控制程序執(zhí)行流程,
使程序可以根據(jù)一定的條件來選擇執(zhí)行
- 語句的分類:
1.條件判斷語句
2.條件分支語句
3.循環(huán)語句
3.條件判斷語句
條件判斷語句:
- 使用條件判斷語句可以在執(zhí)行某個(gè)語句之前進(jìn)行判斷闻葵,
如果條件成立才會執(zhí)行語句,條件不成立則語句不執(zhí)行。
- if語句
- 語法一:
if(條件表達(dá)式){
語句...
}
if語句在執(zhí)行時(shí),會先對條件表達(dá)式進(jìn)行求值判斷蜕企,
如果條件表達(dá)式的值為true,則執(zhí)行if后的語句冠句,
如果條件表達(dá)式的值為false轻掩,則不會執(zhí)行if后的語句。
if語句只能控制緊隨其后的那個(gè)語句,
如果希望if語句可以控制多條語句懦底,
可以將這些語句統(tǒng)一放到代碼塊中
if語句后的代碼塊(即{})不是必須的唇牧,但是在開發(fā)中盡量寫上代碼塊,即使if后只有一條語句
- 語法二:
if(條件表達(dá)式){
語句...
}else{
語句...
}
if...else...語句
當(dāng)該語句執(zhí)行時(shí)聚唐,會先對if后的條件表達(dá)式進(jìn)行求值判斷丐重,
如果該值為true,則執(zhí)行if后的語句
如果該值為false杆查,則執(zhí)行else后的語句
*/
window.onload = function(){
var oBtn = document.getElementById('btn');
var oDiv = document.getElementById('box');
/*oBtn.onclick = function(){
if(oDiv.style.display == 'none'){
oDiv.style.display = 'block';
}else{
oDiv.style.display = 'none';
}
}*/
// alert(oDiv.style.display);//彈出空白提示框扮惦,因?yàn)閐iv沒設(shè)置過style屬性
oBtn.onclick = function(){
if(oDiv.style.display == 'block' || oDiv.style.display == ''){
oDiv.style.display = 'none';
}else{
oDiv.style.display = 'block';
}
}
}
</script>