Question

我正在jquery循环中填充html标签。这意味着我的html代码位于字符串中。一切正常，但我不知道如何在html代码中检索javascript参数。

我尝试使用\（反斜杠）或`（反引号）进行转义，但仍然失败。

read_html += "https://example.org" + val.poster_path;
read_html += "<img src='https://example.org' + val.poster_path '>";

第一行对我来说还可以。但是我需要第二行代码才能获得价值。我已经阅读了一些有关此问题的文章，但仍然找不到答案。

我只想将poster_path放在img标签内。

Answer 1

您可以通过`来做到这一点。

使用** ** you need to use $ {}`访问任何变量时

let val ={
  path : 'hello.img'
}

var read_html = `<img src='https://example.org\' + ${val.path} \'>`;

console.log(read_html)

Answer 2

您需要像这样连接字符串和变量：

read_html += '<img src="https://example.org/' + val.poster_path + '">';

摘要：

var val = {
    poster_path: "something.html"
}

var read_html = '<img src="https://example.org' + val.poster_path + '">';

console.log(read_html)

或者，如果您更喜欢ES6 template literals（更简洁）：

read_html += `<img src="https://example.org/${val.poster_path}">`;

请注意，以上代码不适用于：

任何版本的Internet Explorer
第12边或以下边缘
Firefox 33或更低版本
Chrome 40或更低版本
Safari 9或更低版本
Opera 28或以下
StackOverflow的堆栈片段（截至2018年12月）

CanIUse link

如何在HTML字符串中转义Javascript

2 个答案: