javascript - JavaScript 中需要第三种引号

Question

我正在使用 javascript 更改 HTML。因此，我有一个 String 来保存 HTML 代码，因为它是在 for 循环中生成的。里面有一个<a>标签。前往<a>标签我想添加 onClick它使用保存在 JavaScript 变量中的参数调用函数。

let parameter = "p1";
let to_html_String = "<a href='#' onClick='create_sprite_window("+parameter+")'></a>";
document.getElementById('sidebar_left_sprites').innerHTML = to_html_String;

这不起作用，因为它会产生以下 html:

<a href='#' onClick='create_sprite_window(p1)'></a>

不起作用，因为p1前后没有引号。我的问题是我需要第三种引号才能解决这个问题。在下面的示例中，我将在需要引号的地方使用 #:

let parameter = "p1";
let to_html_String = "<a href='#' onClick='create_sprite_window(#"+parameter+"#)'></a>";
document.getElementById('sidebar_left_sprites').innerHTML = to_html_String;

我不能使用单引号，因为它会结束 onClick，我不能使用双引号，因为它会结束 to_html_String。

是否有第三个引号或者是否有其他方法可以解决这个问题？

Answer 1

如果您使用的是 ES6，则可以使用 template strings喜欢

let foo = `Hello "World's"`;

无论如何 - 为什么你不直接转义引号呢？

let bar = 'hello \' world';
let buz = "hello \" world";