繁体   English   中英

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

[英]Clicking a button and displaying a javascript function on same page

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

您可以添加一个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>

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM