Javascript初始化代码运行多次

时间:2018-02-19 04:00:28

标签: javascript html

我有一个html按钮元素,它具有正确调用的属性onclick="onprof()"。该按钮位于<script>元素上方,这是</body>标记之前的最后一个元素。我在包含代码var product = []的行设置了一个断点,该代码在页面重新加载时被激活。然后我按下了调用该函数的按钮(我也有一个断点)并且工作正常,但它会转到我原来的断点并最终破坏代码,因为它重新初始化了我的变量product的值。为什么再次调用Javascript,我怎么能不让它被调用?

       <script type="text/javascript">

            var product = [];
            var temp=[]; 
            temp.push(1);
            temp.push("PET");
            product.push(temp);
            temp = [];
            temp2 = [];
            function onprof()
            {
               //alert(product);
                document.getElementById("typeform").innerHTML = product.toString();
            }
            function onprod()
            {

            }
            function onser()
            {

            }

        </script>

1 个答案:

答案 0 :(得分:2)

您的form似乎包含button。在提交时,表单会重新加载页面。您可以通过以下任一方式禁用此行为:

  1. 将按钮类型设置为type="button"。默认情况下,它是提交。
    1. false函数返回onprof并使用onclick="return onprof()"