一、循环语句
1.for循环
下面是 for 循环的语法：
for (语句 1; 语句 2; 语句 3)
{
被执行的代码块
}
语句 1 在循环（代码块）开始前执行
语句 2 定义运行循环（代码块）的条件
语句 3 在循环（代码块）已被执行之后执行
2.for-in语句
for-in语句是一种精准的迭代语句，可以用来枚举对象的属性。
下面是for-in语句的语法：
for(property in expression) statement
demo:
for(var propName in window){
document.write(propName);
}
3.while语句
While 循环会在指定条件为真时循环执行代码块。
语法
while (条件)
{
需要执行的代码
}
i=0;
while(i<10){
document.write("这是第"+i+"个数!<br>");
i++;
}
4.do-while语句
该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。
语法
do
{
需要执行的代码
}
while (条件);
i=0;
do{
document.write("这是第"+i+"个数!<br>");
i++;
}
while(i<10);
二、函数
总共有三种函数定义的方式
【1】函数声明语句
使用function关键字，后跟一组参数以及函数体
function funcname([arg1 [,arg2 [...,argn]]]){
statement;
}
【2】函数定义表达式
以表达式方式定义的函数，函数的名称是可选的
var functionName = function([arg1 [,arg2 [...,argn]]]){
statement;
}
var functionName = function funcName([arg1 [,arg2 [...,argn]]]){
statement;
}
【3】Function构造函数
Function构造函数接收任意数量的参数，但最后一个参数始终都被看成是函数体，而前面的参数则枚举出了新函数的参数
var functionName = new Function(['arg1' [,'arg2' [...,'argn']]],'statement;');
作业：
1.99乘法表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
sum=j*i;
document.write("<span>"+j+"*"+i+"="+ sum+"</span>");
}
document.write("<br>");
}
</script>
<style type="text/css">
span{
color: red;
display: inline-block;
padding: 10px;
margin: 5px;
font-size: 20px;
border: medium solid #FF0000;
transition: all 1s ease;
}
span:hover{
padding:30px;
}
</style>
</head>
<body>
</body>
</html>
2.国际象棋的棋盘
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function cc(isB){
document.write('<div style="background:'+(isB ? "black" : "white")+';width:30px;height:30px;float:left;"></div>');
}
for(var i = 0;i<8;i++){
for(var j=0;j<8;j++){
if(j==0){
document.write('<div style="clear:both;"></div>');
}
if(i%2==0){
if(j%2==0){
cc(true);
}else{
cc();
}
}else{
if(j%2!=0){
cc(true);
}else{
cc();
}
}
}
}
</script>
</head>
<body>
</body>
</html>