一,循环控制语句
一,while循环
语法:while(表达式){循环语句}
while语句循环,先判断表达式是否成立,如果成立,则执行{}内的循环语句,直到成立为止;如果不成立,则跳过{}内的循环语句。
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var i = 0 //声明一个变量,并赋值
var sum = 0 //声明一个计数器
while (i < 10) {
i++
document.write("hello" + " " + " ") //  空格
}
</script>
</body>
</html>
二,do—while循环
语法:do{循环语句}while(表达式)
do-while循环先执行一次,然后才判断循环条件是否成立。如果成立,则继续循环;如果不成立,循环结束。
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var name = prompt("输入用户名:") //声明一个变量
var sum = 0
do {
if (name == "123") {
alert("输入正确")
break;
}
if (name != "123" && sum == 2) {
alert("超过三次则提示账户已锁定,退出登录")
}
if (name != "123") {
var name = prompt("输入错误,请再次输入")
sum++
}
} while (sum < 3)
</script>
</body>
</html>
三,for循环
语法:for(表达式){循环语句}
只要表达式为true,for循环就重复执行循环体内的语句块。
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
document.write(i+"*"+j+"="+i*j+"   ")
}
document.write("<br>")
}
</script>
</body>
</html>
四,break和continue语句
break在switch-case语句中为跳出switch-case结构,继续下面的语句。
在循环语句中,也是跳出循环结构,提前结束循环。
continue语句是跳过本次循环,继续下一次循环,直到结束。
二,函数
一,自定义函数及调用
自定义函数需要使用function关键字。
语法:function 函数名([参数列表]){
程序语句
[return 返回值;]
}
定义注意事项:
1,区分大小写
2,在function关键字前不能指定返回值的数据类型
3,函数必须放在<script></script>标签之间
4,定义不能执行代码,只有调用才能执行代码
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
function age(a) {
var many = a * 100
return many
}
var sum = age(prompt("输入你的工龄"))
document.write(sum)
</script>
</body>
</html>
二,全局变量与局部变量
1,在函数中声明的变量称之为局部变量,它的作用域只存在函数内,函数外访问不到
2,全局变量是声明在函数外部的,作用域是全局
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
function test(){
console.log(arguments)
var result=0
for(var i=0;i<arguments.length;i++){
result+=arguments[i]
}
console.log(result)
}
test(1,2,3,4)
//作用域:全局作用域和局部作用域
//在函数中声明的变量称之为局部变量,它的作用域只存在函数内,函数外访问不到
//全局变量是声明在函数外部的,作用域是全局
var b = 20
function test1(){
var a =10
console.log(a)
console.log(b)
}
test1()
//赋值式的函数定义
var test2= function(){
console.log("aa")
}
test2()
</script>
</body>
</html>