在讲解JavaScript中for循环的基础教程中，我们首先了解循环的概念和用途。循环是一种计算机编程结构，使得一组代码能够被重复执行，直到满足特定条件。使用循环结构可以帮助我们简化代码，并能高效地处理大量重复的任务。
在JavaScript中，for循环是一种基本的循环控制结构，它可以在执行前测试循环条件，并且在循环体内可以包含初始化变量，循环条件测试，以及循环后的增量表达式。
for循环的一般语法是：
```
for(initialization; expression; post-loop-expression) {
// 循环体代码
}
```
其中，initialization是循环的初始化部分，通常用于声明循环计数器并设置其初始值；expression是循环条件测试部分，如果表达式的结果为true，则执行循环体，否则跳出循环；post-loop-expression是循环体执行完毕后执行的代码，一般用于对计数器进行递增或者递减操作。
for循环的执行顺序为：
1. 执行initialization部分；
2. 测试expression条件，如果为true，则执行循环体；
3. 执行post-loop-expression部分；
4. 返回第2步进行循环条件测试；
5. 如果条件测试失败，即为false，则循环结束。
for循环的常见形式，例如：
```
for(var i = 0; i < n; i++) {
// 循环体代码
}
```
在这种形式中，循环会执行n次。这里初始化变量`i`为0，条件测试是`i`是否小于`n`，每次循环结束后`i`会增加1。这种结构非常适合处理那些需要固定次数的循环。
举个输出1到100数字的例子：
```
for(var i = 0; i <= 100; i++) {
document.write(i + "<br>");
}
```
这段代码会连续打印从1到100的数字，每个数字后面都跟着一个换行标签`<br>`。
除了for循环外，JavaScript还提供了其他几种循环结构，比如while和do...while循环。这两种循环通常称为后测试循环，因为它们的测试条件在每次循环结束后才进行。
例如，使用do...while循环输出用户输入的数字直到输入0：
```
var aNumbers = new Array();
var sMessage = "你输入了:\n";
var iTotal = 0;
var vUserInput;
var iArrayIndex = 0;
do {
vUserInput = prompt("输入一个数字，或者'0'退出", "0");
aNumbers[iArrayIndex] = vUserInput;
iArrayIndex++;
iTotal += Number(vUserInput);
sMessage += vUserInput + "\n";
} while(vUserInput != "0");
sMessage += "总数:" + iTotal;
document.getElementById("xxx").innerHTML = sMessage;
```
这段代码会不断地提示用户输入数字，直到用户输入0为止。每次输入都会被添加到数组`aNumbers`中，并且累加到变量`iTotal`中，最后将总的输入数字和用户输入的数字都显示在页面的指定元素中。
以上就是关于JavaScript中for循环的基本知识与使用实例。它是非常重要的基础知识，对于初学者来说，掌握好for循环的使用对于后续学习更高级的JavaScript编程技巧将起到关键作用。
