您的位置：首页 > Web前端 > JavaScript

JavaScript条件语句+循环语句+函数

2018-01-16 11:12 218 查看

一、条件语句

1.if/else

与c++基本一致，如

<script type="text/javascript">

var score=92;
if (score>90){
alert("成绩非常优秀！");
}
else{
alert("成绩不优秀！")：
}
</script>

2.switch case

与c++基本一致

var xinqi=1;
switch(xinqi){
case 1:
alert("今天是星期一");
break;
case 2:
alert("今天是星期二");
break;

default:

alert("非法日期值");

}

二、循环控制语句

1.while循环

与c++一致

var i=1;
while(i<=100)
{
document.write(i+"<br />");//换行
i++;

}

2.for循环

与c++基本一致

for/in语句

格式：

for(variable in object)

var arr=['张三','李四','王五'];

for(var temp in arr){
document.write(arr[temp]+" ");
}

3.break,continue,return

三、JS函数

1.函数定义
function plus(i,j){
var i=2;
var j=3;
var sum=i+j;
alert(sum);
}
plus(2,3)

2.函数的调用
（1）调用位置：【1】<script>标签体内直接调用【2】HTML元素中
例子：var obj={
name:"张三",
sayHi:function(){

alert("hello");
}
（2）隐形参数arguments;

}
obj.sayHi();
3.简单的计算器demo
<!DOCTYPE html>

<html>

<head>
<meta charset="utf-8">
<title>js循环语句</title>
<script type="text/javascript">

function calc()
{
var num1=parseInt(document.getElementById('num1').value);
var num2=parseInt(document.getElementById('num2').value);
var operator=document.getElementById('op').value;
var sum= jisuan(num1,num2,operator);
//alert(sum);
document.getElementById('result').innerText=sum;
}
function jisuan(n1,n2,oper)
{

switch(oper){
case '+':
return n1+n2;
case '-':
return n1-n2;
case '*':
return n1*n2;
case '/':
return n1/n2;
}
}

</script>

</head>

<body>
num1:<input type="text" id="num1">
<br/>
<select id="op">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<br/>
num2:<input type="text" id="num2">
<br/>
=<span id="result"></span>
<button onclick="calc()">计算</button>

</body>

</html>
4.变量的作用范围
1.function action()
{
var num=2;//局部变量
x=3;
//全局变量！！
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航