超链接调用js函数,该如何解决

超链接调用js函数
html页面是这样的
<div id="cart">
  <a href="#" onclick="gouwu()"><span class="Buy" id="buyButton"></span></a>
</div>
JS文件：
$(function(){
  var $product = $(".pro_detail_right");
$("#cart a").click(function(){
  var pro_name = $("#bh strong").text();
var pro_size = $(".pro_size strong").text();
var pro_color = $(".color_change strong").text();
})
})


想问一下如何调用JS文件里面的变量，使超链接里面像： <a href="a.asp?id=203"><span class="Buy" id="buyButton"></span></a>

哪位高手帮忙啊。。。

[解决办法]
<a href="#" id="aLink"><span class="Buy" id="buyButton"></span></a>

JScript code

////////放出来,不要再事件中声明，要不给a加个id，在click事件中设置a的链接var pro_namevar pro_sizevar pro_color$(function(){  var $product = $(".pro_detail_right");$("#cart a").click(function(){  var pro_name = $("#bh strong").text();var pro_size = $(".pro_size strong").text();var pro_color = $(".color_change strong").text();$('#aLink').attr('href','a.asp?name='+pro_name+'&size='+pro_sizee+'&color='+pro_color);/////})})