2019-06-10函数return关键字 流程控制语句 条件判断语句

1.函数return关键字

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('计算完成');//执行

return c;//返回函数设定的值，同时结束函数的运行

// return;//不返回值，仅结束函数的运行

// alert('计算完成');//不执行

}

}

2.流程控制语句

流程控制语句

- JS中的程序是从上到下一行一行执行的

- 通过流程控制语句可以控制程序执行流程，

使程序可以根据一定的条件来选择执行

- 语句的分类：

1.条件判断语句

2.条件分支语句

3.循环语句

3.条件判断语句

条件判断语句：

- 使用条件判断语句可以在执行某个语句之前进行判断，

如果条件成立才会执行语句，条件不成立则语句不执行。

- if语句

- 语法一：

if(条件表达式){

语句...

}

if语句在执行时，会先对条件表达式进行求值判断，

如果条件表达式的值为true，则执行if后的语句，

如果条件表达式的值为false，则不会执行if后的语句。

if语句只能控制紧随其后的那个语句,

如果希望if语句可以控制多条语句，

可以将这些语句统一放到代码块中

if语句后的代码块（即{}）不是必须的，但是在开发中尽量写上代码块，即使if后只有一条语句

- 语法二:

if(条件表达式){

语句...

}else{

语句...

}

if...else...语句

当该语句执行时，会先对if后的条件表达式进行求值判断，

如果该值为true，则执行if后的语句

如果该值为false，则执行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);//弹出空白提示框，因为div没设置过style属性

oBtn.onclick = function(){

if(oDiv.style.display == 'block' || oDiv.style.display == ''){

oDiv.style.display = 'none';

}else{

oDiv.style.display = 'block';

}

}

}