单击按钮并在同一页面上显示javascript功能

时间:2012-02-25 03:17:11

标签: javascript html html5

我是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>

2 个答案:

答案 0 :(得分:1)

您可以添加div并只修改其中的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>

答案 1 :(得分:1)

看起来你在<body>标签之外。将该代码放在</body>标记之前,然后重试。