html的按钮按button没有反应

问题描述

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()方法的么?

解决方案四:

  <form>因为这个原因

解决方案五:

楼主,原因在这里,你直接写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函数呢

时间: 2024-10-26 05:24:13

html的按钮按button没有反应的相关文章

Delphi标准控件-按钮(Button)和位图按钮(BitBtn)

按钮(Button)是Windows应用程序界面中最常用.最简单的组件之一.除了按钮之外,Delphi还提供了一种位图按钮(BitBtn).这种按钮的不同之处在于按钮上可以显示位图.下面我们通过一个简单的例子来介绍这两种按钮. 在窗体Form1上放置两个普通按钮和两个位图按钮以及一个编辑框Edit,然后再添加一个窗体Form2,在其上放置一个标签和两个位图按钮.程序界面如下图所示: 按下表设置各按钮的属性:   Form1 Form2 属性 Button1 Button2 BitBtn1 Bit

求大神c#winform中如何用按钮(button)来按照两个DateTimePicker的时间来搜索内容

问题描述 求大神c#winform中如何用按钮(button)来按照两个DateTimePicker的时间来搜索内容 就是一个按钮(button)为搜索按钮,要按照DateTimePicker的一个是开始时间,一个是结束时间来搜索相应的内容,搜到后再把数据返回到listview中,代码该如何实现,越详细越好,急用......谢谢! 解决方案 你要查询的数据是什么样的,数据库数据还是? 解决方案二: 你要查的数据在那个文档呐.?

Bootstrap每天必学之按钮(Button)插件_javascript技巧

按钮(Button)在 Bootstrap 按钮 一章中介绍过.通过按钮(Button)插件,您可以添加进一些交互,比如控制按钮状态,或者为其他组件(如工具栏)创建按钮组. 如果您想要单独引用该插件的功能,那么您需要引用 button.js.或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js. 一.加载状态 如需向按钮添加加载状态,只需要简单地向 button 元素添加 data-loading-text="

CSS实例教程:简单的button风格的UI按钮

文章简介:CSS实例教程:简单的button风格的UI按钮. button应该是UI库中最常用到的一种.我个人对google+的那种简单的button风格比较喜欢,因为那样在不同的浏览器下视觉差异不是很大.不过现在自己确实已经没有心思去琢磨怎么去弥补ie的不足,所以下面的东西就不要拿ie打开了.还是贴出代码吧 <!DOCTYPE html> <html> <head>                        <title></title> 

jQuery Mobile中的button按钮组件基础使用教程_jquery

一.Button 组件及 jQuery Mobile 如何丰富组件样式在 jQuery Mobile 里,可以通过给任意链接添加 data-role="button" 来产生一个 button 组件,jQuery Mobile 会追加一定的样式到链接,值得注意的是,jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应,一般还会追加一些新的元素使到组件的样式更接近于原生的 App 组件样式.下面给出一个例子: 这是一个添加了

Android Button按钮的四种点击事件

本文实例为大家分享了安卓Button按钮的四种点击事件,供大家参考,具体内容如下 第一种:内部类实现 1.xml里面先设置Button属性 <Button android:id="+@id/button1"; android:layout_width="wrap_parent"; android:layout_height="wrap_parent" android:text="按钮"/> 2.找到按钮 Butto

Material Design学习之 Button(详细分析,传说中的水滴动画)

转载请注明出处:王亟亟的大牛之路       上一篇大致介绍了Material Design的一些基本概念传送门:http://blog.csdn.net/ddwhan0123/article/details/50541561 这一片来具体学习下里面的内容,这篇分为两部分一部分是原理分析,一部分是代码分析. 先简要的介绍一些理论知识,顺便温顾下基础知识 按钮 按钮由文字和/或图标组成,文字及图标必须能让人轻易地和点击后展示的内容联系起来. 主要的按钮有三种: 悬浮响应按钮(Floating ac

设计可以多选的按钮ChooseManyButton

设计可以多选的按钮ChooseManyButton 效果: 源码: ChooseManyButton.h 与 ChooseManyButton.m // // ChooseManyButton.h // ChooseOnlyButton // // Created by YouXianMing on 14/11/5. // Copyright (c) 2014年 YouXianMing. All rights reserved. // #import <UIKit/UIKit.h> @prot

使用Buttons库通过Sass和Compass库实现自定义按钮

文章简介:本文从实用的角度出发,主要介绍了如何在实际项目中使用Buttons库,并且简章介绍了通过Sass和Compass库来实现自定义按钮.希望这篇文章对大家制作属于自己的按钮库有所帮助. 前几天在互联网上看到alexwolfe制作的Button库,觉得很有意思,特意花了些时间学习了一下这个库的源码与使用.今天花了点时间将期整理与大家分享. Button库并不是简单的一个CSS制作的Button库,在这里alexwolfe大师采用了SASS和Compass进行开发和维护的.或许有些同学看到这两