这是我所有的代码...内联JavaScript警报很好地触发,但是外部警报却没有。每当我重新加载页面时,都会收到一个控制台错误日志,提示“ TypeError:tileBlock为null”。我还没有遇到这个问题,我宁可不要强迫自己内联编写所有Javascript事件处理程序。谢谢!

#tileBlock {
    position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #0b0b0b;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(photo.jpg);
        border: 20px solid #fff;
        background-size: cover;
    }

    @media (max-width: 400px) {
      #tileBlock {
        border-width: 8px;
      }
    }


<body>
  <div class="wrapper" id="tileBlock" onclick="alert('You clicked (inline)')"></div>
</body>




var tileBlock = document.getElementById('tileBlock');
tileBlock.onclick = function() {
    alert('you clicked(external script)');
}

最佳答案

包括jQuery库,然后尝试以下操作:

  $('#tileBlock').onclick(function(){
     alert('you clicked(external script)');
  });


我也尝试了您的代码,它可以工作。(不是我的jQuery)
试试这个:http://jsfiddle.net/XcsN/evK3v/

09-25 16:19