Javascript：將函數的結果嵌入HREF

Question

我有一個JavaScript函數可以重新格式化鏈接。當單擊HREF鏈接時，我需要執行此方法來完成創建HREF。

例JS方法：

function fixURL (dest, val){ 
    return dest + val; 
} 

我有一個定期HREF並希望上述方法的結果結合起來，創造：

<a href="http://www.site.com/" + fixURL('poo','no')>Click me!</a> 

這是可能的，是理想的做所以？

Answer 1

您可以使用onclick處理程序。請注意，你通常最好不要使用，比如onclick="something..."，所以這只是爲了演示目的。

此外，這將嘗試打開一個新的窗口/選項卡與搜索結果。

<a target="_blank" 
    href="https://www.google.com/search?q=chris+rock" 
    rel="chris+rock|dave+chappelle" 
    onclick="fixURL(this)">Test</a> 

function fixURL(el){ 
    var vals = el.rel.split('|'); 
    el.href = el.href.replace(vals[0],vals[1]); 
} 

http://jsfiddle.net/sxtuz/1/

相同的效果，只使用DOM事件處理程序。請注意0​​屬性。

<a id="fixme" 
    target="_blank" 
    href="https://www.google.com/search?q=chris+rock" 
    rel="chris+rock|dave+chappelle">Test</a> 

function fixURL(el){ 
    var vals = el.rel.split('|'); 
    el.href = el.href.replace(vals[0],vals[1]); 
} 
window.onload = function(){ 
    document.getElementById('fixme').onclick = function(){ 
     fixURL(this); 
    }; 
} 

http://jsfiddle.net/sxtuz/

Answer 2

可以將函數的結果嵌入href，是的，但函數調用不能在HTML中內聯。試試這個：

<a href="http://www.example.com/">A link</a> 
<script type="text/javascript"> 
    !function(links) { 
     links[links.length-1].href+=fixURL('arg1', 'arg2'); 
    }(document.getElementsByTagName('a')); 
</script> 

Answer 3

如果你把它作爲：

<a href="http://www.site.com/">Click Me!</a> 

然後，您可以使用jQuery做：

$("a[href='http://www.site.com/']").attr("href", "http://www.site.com/" + fixURL('poo','no')) 

說明：

的$("a[href='http://www.site.com/']")與元素相匹配現有的href等於http://www.site.com/，然後改變其href屬性e傳遞給你傳入的第二個參數。在這種情況下，"http://www.site.com/" + fixURL('poo','no')