运行JavaScript的图片点击

我已经在我的网站下面的图形按钮：运行JavaScript的图片点击

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

我想运行一个特定的javascript脚本点击时（当前值＃）来运行一些JavaScript - JavaScript代码基本上生成一个带有附加内容的弹出式iFrame。

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

来源

2013-10-01 Michael Alexander-Thorn

首先作为一个简单的谷歌搜索就在这个抚养长大以下后做一些调查研究现场。它有同样的问题和答案。点击图片时如何运行javascript函数？谢谢 –

试试这个

<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>

来源

2013-10-01 10:48:22

+1正如其他人所说，你可以使用onclick属性，但这是最好的做法。 – MrMisterMan

@MrMisterMan谢谢！ –

您可能想指出，这需要放在'script'标签中。 – MrMisterMan

您应该使用onclick属性

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

来源

2013-10-01 10:49:01 krish

一种方法是添加一个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 
}

来源

2013-10-01 10:49:14 Alex

对于普通的JavaScript

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

jQuery的

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

来源

2013-10-01 10:52:13 Chokchai

Copycat ???????????? –

哦，抱歉，我没有检查其他答案。但是，如果您查看它，您可以在发布此评论后看到它已被修改。 – Chokchai

:)嗯声誉得分应该没关系，但知识转移 –

运行JavaScript的图片点击

回答

相关问题