需要JavaScript中的第三种引号吗

需要JavaScript中的第三种引号吗,javascript,html,quotation-marks,Javascript,Html,Quotation Marks,我正在使用javascript更改HTML。因此,我有一个保存HTML代码的字符串,因为它是在for循环中生成的。里面有一个”; document.getElementById('sidebar\u left\u sprites')。innerHTML=to\u html\u String; 这不起作用,因为它将生成以下html: <a href='#' onClick='create_sprite_window(p1)'></a> 它不起作用,因为p1前后没有引

我正在使用javascript更改HTML。因此,我有一个保存HTML代码的字符串,因为它是在for循环中生成的。里面有一个
”;
document.getElementById('sidebar\u left\u sprites')。innerHTML=to\u html\u 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;
let parameter=“p1”;
let to_html_String=“”;
document.getElementById('sidebar\u left\u sprites')。innerHTML=to\u html\u String;
我不能使用单引号,因为它将结束onClick,我不能使用双引号,因为它将结束为\u html\u字符串

是否有第三个引号或其他方法解决此问题?

这将起作用

"<a href='#' onClick='create_sprite_window('"+parameter+"')></a>";
”;
这将起作用

"<a href='#' onClick='create_sprite_window('"+parameter+"')></a>";
”;

如果您使用的是ES6,您可以使用

不管怎么说,你为什么不直接避开引号呢

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

如果您使用的是ES6,您可以使用like

不管怎么说,你为什么不直接避开引号呢

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

不要使用JavaScript构建HTML。DOM API可以让您干净、安全地构建文档节点,甚至可以附加事件侦听器,这样您就不必在用JavaScript构建的HTML中构建JavaScript字符串

let parameter = "p1";

const link = document.createElement('a');
link.href = '#';
link.textContent = 'maybe you want something in this link?';
link.addEventListener('click', function (e) {
    e.preventDefault();
    create_sprite_window(parameter);
});

document.getElementById('sidebar_left_sprites')
    .appendChild(link);

    • 不要使用JavaScript构建HTML。DOM API可以让您干净、安全地构建文档节点,甚至可以附加事件侦听器,这样您就不必在用JavaScript构建的HTML中构建JavaScript字符串

      let parameter = "p1";
      
      const link = document.createElement('a');
      link.href = '#';
      link.textContent = 'maybe you want something in this link?';
      link.addEventListener('click', function (e) {
          e.preventDefault();
          create_sprite_window(parameter);
      });
      
      document.getElementById('sidebar_left_sprites')
          .appendChild(link);
      

      /*使用\'与函数单引号区分*/

      让参数=“p1”; let to_html_String=“”;
      document.getElementById('sidebar_left_sprites')。innerHTML=to_html_String;

      /*使用\'来区分函数单引号*/

      让参数=“p1”; let to_html_String=“”;
      document.getElementById('sidebar\u left\u sprites')。innerHTML=to\u html\u String;

      您也可以使用转义字符…\”或\“根据需要您也可以使用转义字符…\”或“视情况而定”