将变量替换为带有许多内部引号的 link - 如何正确转义

Question

我正在为 Adobe 的 Aviary 网络应用程序设置一个 link，它需要按以下格式输入：

<a href="#" onclick="return launchEditor('editableimage1', 
'http://www.mywebsite.com/IMAGE.jpg');">Edit!</a>

我需要用变量名替换其中的 IMAGE.jpg 部分，我尝试使用以下代码来实现。由于视觉提示告诉我变量名没有被解释，我已经知道这会失败，但我不知道如何正确表达它。抱歉，Javascript 还很陌生，所以希望有人能提供帮助。这是我的代码：

<script>
var imgNamePassed = sessionStorage.getItem('imgName');
console.log("imgName", imgNamePassed);
</script>

<a href='#' onclick="return launchEditor('editableimage1','http://www.mywebsite.com/ + imgNamePassed + "');&quot; />"LINK TEXT</a>

Answer 1

修正为：

<a href='#' onclick="return launchEditor('editableimage1','http://www.mywebsite.com/' + imgNamePassed);"/>LINK TEXT</a>

示例： JSFiddle

将变量替换为带有许多内部引号的 link - 如何正确转义

Substitution of variable into link with many interior quotes - how to escape correctly

javascript

variables

quotes

escaping