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

for plain javascript

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

for jQuery

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

在图像上运行Javascript单击

4 个答案: