Question

我正在尝试在我的页面上实现javascript，并且我想引用具有onclick属性的函数。我该怎么做，我将如何更改以下代码，以便实际上正确运行脚本？

＆＃13;

$(document).ready(function()
{
	function dosomething()
  {
  	alert('I just did something');
  }
  
});

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<input type="button" class="btn btn-default" value="Kortingscode" onclick="dosomething()">

＆＃13;

提前致谢。

Answer 1

将dosomething函数移到全局范围内的ready函数之外

Answer 2

另一种解决方案是将事件添加到document.ready

上的按钮

$( document ).ready(function() {
   var button = document.getElementsByClassName("btn")[0];

   button.onclick=function(){
      alert('Hi');
   };
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" class="btn btn-default" value="Kortingscode">

Answer 3

为什么使用文档就绪事件？

您有两种不同的解决方案：

ONE：将您的函数声明为全局（外部文档就绪）

function dosomething() {
 alert('I just did something');
}

TWO：将您的函数声明为jquery事件

$(document).ready(function() {
  $( ".btn-default" ).click(function() {
    alert('I just did something');
  })
)};

确保您的javascript代码位于<script></script>标记内。

Answer 4

您可以轻松地使用jquery。

首先加载jquery脚本。

<script   src="https://code.jquery.com/jquery-1.12.2.min.js""></script>

然后

<input type="button" class="btn btn-default Kortingscode" value="Kortingscode">

jquery：

   <script>
    $(".Kortingscode").click(function(){
        alert("The button was clicked.");
    });
   </script>

javascript函数和html onclick属性

4 个答案: