0

按下带有类型按钮的按钮后，我需要调用 javascript。

<button type='button' 
        class='btn btn-sm btn-primary pull-right m-t-n-xs' 
        style='width: 100%;' id='demo' onclick='demo();'>
          <strong>Edit</strong>
</button>

我已经尝试了下面的 javascript，但它们有错误

 $('#demo').click(function() {
     alert('hey');
 });

对于上面的Js，它没有错误但它没有警报..

document.getElementById("demo").onclick = function() { myFunction() };

function myFunction() {
    alert('hey');
}

上面 js 的错误是：Uncaught TypeError: Cannot set property 'onclick' of null at HTMLDocument。

window.onload = function() {
   document.getElementById("demo").onclick=function() {
     alert("Hello WOrld");
    }
}

最后一个错误是： Uncaught TypeError: Cannot set property 'onclick' of null at window.onload

4

3 回答 3

2 

$('#demo').click(function() {
     console.log('hey');
 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type='button' class='btn btn-sm btn-primary pull-right m-t-n-xs' style='width: 100%;' id='demo'>
          <strong>Edit</strong>
</button>

于 2017-03-22T04:43:59.557 回答
1

我已经删除了您代码中不相关的部分以简化答案。这是一个更简单的 HTML：

<button id="demo">Edit</button>

请注意，您不应在onclick属性中包含 JavaScript 。那是老派，只会让你的生活更加悲惨。

这是一些示例 JavaScript：

window.onload=function() {
    var button=document.querySelector('button#demo');
    button.onclick=doit;
}

function doit() {
    alert('clicked');
}

对于这类事情，您当然不需要 jQuery。

对于它的价值，您可能也不应该使用该style属性——这就是该class属性的用途。也不要strong在按钮内部使用。它在语义上是不正确的，如果您想将文本加粗，请在按钮本身上使用 CSS。

于 2017-03-22T03:43:01.717 回答
0

这是完整的示例：按钮是使用按钮类型创建的，并且绑定了 onclick 函数。 <button type="button" onclick="onClickHandler()">Click Me!</button>

`<script>
    // This function gets triggered when button is clicked.
    function onClickHandler(){
        alert("JS rocks");
    }
</script>`
于 2017-06-14T09:11:17.777 回答