javascript - 在图像点击上运行 Javascript

Question

我的网站上有以下图形按钮：

<a href="#" class="addto_cart_btn">
  <span id="btn_text">Click here to add to cart now</span>             
</a>

我想在单击时运行特定的 javascript 脚本（当前值 #）以运行一些 javascript - javascript 代码本质上会生成一个弹出 iFrame，其中包含其他内容。

实现这一目标的最佳方法是什么？

Answer 1

尝试这个

<script type="text/javascript">
   window.onload = function() {
      document.getElementById("btn_text").onclick = function() {
         // Do your stuff here
      };
   };
</script>

或者如果你可以使用 JQuery

<script type="text/javascript">
   $(document).ready(function() {
      $("#btn_text").click(function(){
         // Do your stuff here
      });
   });
</script>

Answer 2

一种方法是添加 onclick 属性

   <a href="#" class="addto_cart_btn" onclick="someFunction()">
      <span id="btn_text">Click here to add to cart now</span>             
    </a>

然后是javascript：

function someFunction(){
   //do stuff
}

Answer 3

您应该使用 OnClick 属性

<a href="#" class="addto_cart_btn" onclick="yourFunction();">
  <span id="btn_text">Click here to add to cart now</span>             
</a>

Answer 4

对于普通的 javascript

window.onload = function(){
   document.getElementById('btn_text').onclick = function(){
      // do stuff;
   }
}

对于 jQuery

jQuery(function($){
   $('#btn_text').on('click', function(){
      // do stuff
   })
})