html button 按钮

Posted 2023-03-14

建立一个网页，多个button
<button onclick="return f1() ">1</button>
<button onclick="return f2()">2</button>
<button onclick="return f3()">3</button>
然后调用函数
<script type="text/javascript">
function f1()
alert("1!");


function f2()
alert("2!");


function f3()
alert("3!");

</script>
运行程序，点击按钮，能运行成功，出现alert; 但是继续再按其他按钮时就没有反应了。该怎么解决

参考技术A <script type="text/javascript">
function f1()
alert("1!");


function f2()
alert("2!");


function f3()
alert("3!");

</script>
这段东西要放在html里面的head声明，onclick="return f1() " 去掉return ,你不需要返回值。
如果你是用IE测试网页的话，可以F12，进入调试模式，可以调试javascript。追问

我现在的问题是哦，就是每次运行，按按钮，能出现alert的内容，然后确定，再去按其他按钮，或是再按这个按钮时，没有反应啊，我不晓得怎搞了啊

参考技术B 我想说，根本没必要用button吗
你这里都是用click函数实现的功能，你写button干嘛。另外没必要return啊，你的js里功能已经完成了啊。alrt一次只能有一个，只能关闭第一个才能打开其他的追问

是的，我关闭之后，再按其他的button，怎么没反应啊，就是这个问题

追答

我复制了你的代码，测试Chrome没问题.你用的什么浏览器？

本回答被提问者采纳

使 ASP 按钮类似于 HTML 按钮

【中文标题】使 ASP 按钮类似于 HTML 按钮

【英文标题】：Make ASP button resemble HTML button

【发布时间】：2011-02-28 14:27:56

【问题描述】：

有没有人知道制作asp按钮的方法...

<asp:button runat="server">Button1</asp:button>

类似于 HTML 输入按钮...

<input type="button" value="Button2"/>

（反之亦然）在 Visual Studio 2003 中？

【问题讨论】：

你的意思是，像一个超链接？

asp:button 最终呈现为 HTML 按钮。所以你的问题根本没有任何意义。

如何让asp按钮看起来和html按钮一模一样。默认情况下，它们看起来完全不同。

我知道你现在是 adt。谢谢。

【参考方案1】：

我认为您需要修改 CSS。这里有一些可以帮助你前进的东西；

input.link

  border: none;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  color: #0000ff;


a.button

  border: 1px solid #a9a9a9;
  padding: 3px 8px 3px 8px;
  background-color: #dbdbdb;
  text-decoration: none;
  color: #000000;

然后更新您的标记，使其看起来像这样；

<input type="submit" class="link" value="Submit" />

这只是我的想法，所以我希望能有所帮助。

【讨论】：

啊，谢天谢地有人明白我的意思 :-) 谢谢！

【参考方案2】：

您的代码中是否缺少 runat="server" 属性？

【讨论】：

是的，我是。谢谢你。我已经不在了。

这不是答案。它指出了问题中的一个错字，我现在已经修复了。