单击按钮并在同一页面上显示javascript函数

我不熟悉html和javascript。单击按钮后，如何在同一页面上显示javascript函数中的for循环。现在我点击这个按钮，它会把我带到一个完全不同的页面，显示0到-99。我希望数字显示在同一页的按钮下方。有什么想法吗？

         <fieldset>
         <legend>Loop Until -99</legend>
         <form name="loopuntil99" method="post">
         <input type="button" value="Display -99" onclick="displayArray()" />
         </form>
         </fieldset>

         </body>

         <script type="text/javascript">
       function displayArray()
       {

      for (i=0;i>-100;i--)
      {

    document.write(i + ", ");

       } 
        }

    </script>

     </html>

循环至-99
函数displayArray（）
{
对于（i=0；i>-100；i--）
{
文件。写（i+“，”）；
} 
}

您可以添加一个div，只需修改其中的HTML即可

         <fieldset>
         <legend>Loop Until -99</legend>
         <form name="loopuntil99" method="post">
         <input type="button" value="Display -99" onclick="displayArray()" />
         </form>
         </fieldset>

         </body>

         <script type="text/javascript">
       function displayArray()
       {

      for (i=0;i>-100;i--)
      {

    document.write(i + ", ");

       } 
        }

    </script>

     </html>

    <div id="output"></div>
</body>
<script type="text/javascript">
function displayArray()
{
    var div = document.getElementById("output");
    div.innerHTML = "0";
    for (i=-1;i>-100;i--)
    {
        div.innerHTML += ", " + i;
    } 
}
</script>

函数displayArray（）
{
var div=document.getElementById（“输出”）；
div.innerHTML=“0”；
对于（i=-1；i>-100；i--）
{
div.innerHTML+=“，”+i；
} 
}

看起来您在

标记之外。将该代码放在

标记之前，然后重试。

谢谢，它可以工作。这是最简单的方法吗？我需要创建一些基本菜单。我需要允许用户输入10个数字并将其放入数组。使用该数组，我需要显示不同的内容，如逆序、排序等。。所以我想我要问的是，我需要为我想要打印出来的每个不同的函数创建一个吗？或者更好的是，让我们假设我点击另一个按钮，调用一个不同的函数，它将有不同的输出。如何使用第二个函数的结果更新和替换输出您可以根据需要添加任意多个div。您可以使用

document.getElementById

中的

id

引用JavaScript中的div，然后像上面那样设置

innerHTML

属性。

         <fieldset>
         <legend>Loop Until -99</legend>
         <form name="loopuntil99" method="post">
         <input type="button" value="Display -99" onclick="displayArray()" />
         </form>
         </fieldset>

         </body>

         <script type="text/javascript">
       function displayArray()
       {

      for (i=0;i>-100;i--)
      {

    document.write(i + ", ");

       } 
        }

    </script>

     </html>