Question

我是HTML的新手。我有一些我想复制的项目。理想我想要在整个块上有一个for循环。我看到它可以在PHP中，但我不想安装它..有没有办法用HTML或JavaScript做到这一点？

public static void main(String args[])throws IOException{
    System.out.println("What would you like to calculate?");
    Scanner inputNum = new Scanner(System.in);
    OperationsStack operations = new OperationBuilder(inputNum).build();
    Calculator calculator = new Calculator();
    Double result = calculator.compute(operations);
    System.out.println("The answer is " + result);
}

Answer 1

使用for

javascript循环，下面的代码将复制该块5次

for(var i = 0; i < 5; i++){
  document.body.innerHTML = document.body.innerHTML + `
      <h4>XXXXXXXXXXXXXXXXXXX</h4>
      <ul>
        <li>YYYYYYYYYYYYY.</li>
        <li>YYYYYYYYYYYYY</li>
        <li>YYYYYYYYYYYYY</li>
      </ul>


      <audio controls>
        <source src="zzz.wav" type="audio/wav">
      </audio>

      <div class="form-group"><label for="WWWWW">VVVVVV:</label>

      <div class="form-group"><textarea class="form-control" cols="250" id="abab" name="abab" required="" rows="15">
      </textarea></div>
      </div>
      </div>
  `;
}

另请了解Template literals了解back-tick和expression可能会派上用场。

Answer 2

是的，你可以使用jquery或javascript

来做到这一点

在</html>之后附加jquery库，并在最底部添加以下代码行

<script>
 $(document).ready(function(){
   $('body').append($('body').html());
 });
</script>

HTML中的重复块

2 个答案: