<html>
 <head>
   </head>
 <body>
  <script type="text/javascript">    //定义开始
var i                                                     //命名变量i
for (i=0;i<=10 ;i++ )                          //for循环函数  i=0 直到i<=10 每次i+1
{
 document.write(i)                            //document.write 意思是在屏幕上显示  显示i的值
 document.write("<br>")                //换行
}
</script>                            
</body>
</html>

屏幕上显示为
0
1
2
3
4
5
6
7
8
9
10

稍做修改，显示1加到10
<html>
 <head>
   </head>
 <body>
  <script type="text/javascript">    //定义开始
var i                                //命名变量i
var j=0                              //命名变量j 赋值0
for (i=0;i<=10 ;i++ )                //for循环函数  i=0 直到i<=10 每次i+1
{
 j=j+i                               //之前的和 加上 i+1
 document.write(j)                   //document.write 意思是在屏幕上显示  显示j的值
 document.write("<br>")              //换行
}
</script>                            
</body>
</html>

屏幕上显示为
0
1
3
6
10
15
21
28
36
45
55

现在，我想完整的显示：
<html>
<head>
</head>
<body>
<script type="text/javascript">
var i
var j=0
for (i=0;i<=10 ;i++ )
{
 j=i+j
    document.write(j+"+"+(i+1)+"="+(j+i+1))     就是这条
 document.write("<br>")
}
</script>
</body>
</html>
 
屏幕上显示为：
0+1=1
1+2=3
3+3=6
6+4=10
10+5=15
15+6=21
21+7=28
28+8=36
36+9=45
45+10=55
55+11=66