如何将脚本添加到同一文件中的HTML按钮?

时间:2014-02-23 13:38:33

标签: javascript html

这可能是一个基本问题。我有一个按钮

<button type="button">Click Me!</button>


然后我有一个脚本:

<script>
alert("My First JavaScript");
</script>


要调用此脚本我可以说onclick调用另一个php或html文件。但我想将此脚本添加到同一文件中,而不是添加新文件。任何建议将不胜感激。

5 个答案:

答案 0 :(得分:3)

几种方式:

<强>第一

<button type="button" onclick="clickHandler()">Click Me!</button>

<script>
    function clickHandler() {
      alert("something");
    }
</script>

第二(如果您使用的是jQuery)

<button id="btn" type="button">Click Me!</button>

$('#btn').click(function() {
    alert('something')//
});

您也可以在普通的javascript中执行此操作..只需搜索添加事件处理程序,您将获得大量跨浏览器的方法。

答案 1 :(得分:1)

您可以使用以下方式调用警报:

<button type="button" onclick="javascript:alert('My First JavaScript');">Click Me!</button>

答案 2 :(得分:1)

  1. 制作脚本类型=“text / javascript”
  2. 关闭函数示例函数temp(){....}
  3. 中的警报
  4. 在按钮部分添加onClick,即

答案 3 :(得分:1)

HTML

<button onclick="myFirst()" type="button">Click Me!</button>

<script>
function myFirst() {
    alert("My First JavaScript");
}
</script>

答案 4 :(得分:1)

<button type="button" onclick="myFunction()">Click Me!</button>



<script>
    function myFunction() {
        alert("My First JavaScript");
    }
</script>