html的按钮按button没有反应

<!DOCTYPE html>

 <html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>  
        <input type="text" id="clock" size="35" />
        <script language=javascript>


        var ti=self.setInterval("putclock()",50);
        function putclock(){
            var t = new Date();
            document.getElementById("clock").value=t;

        }



        </script>

        <form>
            <button onclick="ti=window.clearInterval(ti)">stop Interval</button>
        </form> 


    </body>
</html>

为什么这样按钮会没有用呢,而button用以下的方法就可以呢

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>  
        <input type="text" id="clock" size="35" />
        <script language=javascript>


        var ti=self.setInterval("putclock()",50);
        function putclock(){
            var t = new Date();
            document.getElementById("clock").value=t;

        }



        </script>

        <form>
            <input type="button" value="stop Interval" onclick="ti=window.clearInterval(ti)" />

        </form> 


    </body>
</html>

你用

直接上代码,不懂你说的什么

不是有onclick()方法的么?

楼主,原因在这里,你直接写stop Interval,此时button的type属性默认是submit,导致一点击button就把你的form表单提交了,由于你的form没有指明action,就默认是当前页面,所以页面会有一次刷新,其实js代码是执行了的,但是由于页面的刷新让你感觉上好像没有效果似的。写成stop Interval就ok了。

楼主,原因在这里,你直接写button没有指定type属性,此时button的type属性默认是submit,导致一点击button就把你的form表单提交了,由于你的form没有指明action,就默认是当前页面,所以页面会有一次刷新,其实js代码是执行了的,但是由于页面的刷新让你感觉上好像没有效果似的。给button加上type="button"就ok了。

你不用它放在那里干嘛

为什么不直接用js函数呢

  <form>因为这个原因