運行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的圖片點擊

回答

相關問題