Javascript 在HTML链接中使用动态JS变量

我有一个动态的Amazon链接，在其中我试图重用一个动态javascript变量，该变量在代码中的其他地方（此链接之前）用于关键字

<a href="https://www.amazon.com/s/ref=nb_sb_noss_1?url=search-alias%3Ddigital-music&field-keywords="'+val.sources[0].title+'>

---

您需要首先生成字符串，然后将其应用于HTML元素：

//获取链接的引用
var link=document.getElementById（“theLink”）；
//为我们的目的伪造数据
var val={}；
val.sources=[{
标题：“测试”
}];
//附加到href
link.href+=val.sources[0]。标题；
//试验
console.log（link.href）
您可以执行以下操作：

<a href="https://www.amazon.com/s/ref=nb_sb_noss_1?url=search-alias%3Ddigital-music" onclick="location.href=this.href+'&keywords='+val.sources[0].title;return false;">Link</a>


据我所知，这是不可能的。您可以将单击事件绑定到此锚定标记并替换其中的URL。看起来效率很高，但js部分没有绑定到搜索的末尾-单击时仅显示基本链接？：您可以显示如何传递参数吗？如果我传递一个伪字符串，它就会工作
sources: [{
   track_id: '{$row['id']}',
   title: \"{$row['title']}\",
   artist: '{$row['artist']}',
   src: \"{$row['source_url']}\",
   poster: \"{$row['source_poster']}\",
   type: 'audio/mp3'
}],";

<a href="https://www.amazon.com/s/ref=nb_sb_noss_1?url=search-alias%3Ddigital-music" onclick="location.href=this.href+'&keywords='+val.sources[0].title;return false;">Link</a>