Javascript HTML中的增量文本

我正在尝试执行这个伪代码，但由于我对javascript/jquery的知识有限，似乎无法成功

表示i=0；i<60；我++
{

这是个人*i*
}

这将创建60个HTML行，表示此人。。。以及其各自的编号。 我已经在VB.NET中编写了一个程序，为我写出了这段代码，但它使HTML文档非常大。

---

是否可以在文件中没有真正写入的代码的情况下显示这些行？

在JavaScript中，您需要执行以下操作：

for( i = 0; i < 60; i++) {
    document.write("<p>This is person "+i+"</p>");
}

---

这在Html/javascript中应该是这样的：

<script>
for(i = 0; i < 60; i++){
    document.write("<p>This is person "+i+"</p>"); 
}
</script>

对于（i=0；i<60；i++）{
文件。写（“这是个人”+i+”
”；
}

您也可以使用jquery：

    <script type="text/javascript">
        $(function() {
            var contents = [];
            for (var i=0;i<600;i++) {
                contents.push("This is person " + i);
            }
            $("#content").html(contents.join("<br/>"))
        });

$（函数（）{
var内容=[]；
对于（var i=0；i我的建议是使用类似的数据绑定库。这将大大减少您必须编写的HTML和Javascript的数量

JS

var app = angular.module('app', []);

app.controller('Main', ['$scope', function($scope){
   $scope.numOfP = [1,2,3];
}]);

HTML

<div ng-app="app">
 <div ng-controller="Main">
  <p ng-repeat="p in numOfP track by $index">This is person {{ $index }}</p>
 </div>
</div>


这是person{{{$index}

这将为
numop
中给定数量的数组元素重复您的HTML块

请您重新表述您的问题，因为这很难理解。如果您在Javascript中创建元素，您必须将它们附加到父级。您使用的任何后端代码都会生成html，并发送到浏览器。我不会过分担心生成的html的大小，除非它开始进入浏览器成千上万行的数据。
var app = angular.module('app', []);

app.controller('Main', ['$scope', function($scope){
   $scope.numOfP = [1,2,3];
}]);

<div ng-app="app">
 <div ng-controller="Main">
  <p ng-repeat="p in numOfP track by $index">This is person {{ $index }}</p>
 </div>
</div>