【问题标题】:How do i make a button activate JavaScript? [closed]如何让按钮激活 JavaScript? [关闭]
【发布时间】:2014-05-07 14:18:17
【问题描述】:

如何让 html 按钮激活 javascript? 例如,如果我创建一个按钮并单击它,它会激活一个确认(“Hi”)的 JavaScript 代码。帮助将不胜感激!

如果你真的想让我举个例子,我是新手,这就是我尝试过的:

<!DOCTYPE html>
<button type="button">This is the button</button>
<script language="javascript"> 
confirm("hi")
</script>

【问题讨论】:

  • 是的,StackOverflow 的工作原理是这样的:“我想实现这个,到目前为止我已经做到了,但我被困在那个点上”而不是“我想要这个,谁来编写这个我?”
  • 你至少试过Google Search
  • 这是一项艰巨的任务,我敢打赌,没有任何 javascript 教程涵盖过这个...... :)
  • 不用让我难过):

标签: javascript html button


【解决方案1】:

您应该搜索事件。在您的情况下,click 事件是具体的。你必须处理按钮的点击事件,像这样:

<input type="button" value="Click Me" id="myButton" />

然后是脚本:

document.getElementById("myButton").onclick = function()
{
    window.alert("Hi there!");
}

Demo.

这是执行此操作的更简单方法。以下是一些参考资料以获取更多信息:

祝你好运。

【讨论】:

  • @OP,最后一个链接要仔细阅读。经常被误解有什么区别。
  • 有快乐的例子。感谢您的帮助
  • @rlemon 您认为不值得一读或作为参考吗?
  • @user3612541 有时人们在这个论坛上有点粗鲁,但请克服它。此外,尝试阅读其他人的问题,以了解如何在此论坛上正确提问。
  • @DontVoteMeDown 没问题
【解决方案2】:

您需要将event listener 绑定到按钮元素(通过JS 或作为标签属性...用于学习,我建议前者),并使用alert 显示消息。

我不会给你代码,因为那不是 SO 的意义所在。

【讨论】:

    猜你喜欢
    • 2021-02-03
    • 1970-01-01
    • 1970-01-01
    • 2019-05-25
    • 2014-01-05
    • 1970-01-01
    • 2016-03-15
    • 2014-01-07
    • 2019-12-19
    相关资源
    最近更新 更多