javascript - Bootstrap 弹出窗口中关于单引号/双引号的基本 HTML/JavaScript 混淆

Question

尝试在 Bootstrap 弹出窗口中添加链接(以转到“帮助”页面)。见过各种在弹出窗口内获取链接的复杂解决方案，但有人建议使用简单的 onclick window.open。似乎是一个有趣的解决方案，但我处于双/单引号 hell 中。

我正在使用 phpStorm，它可以很好地突出显示错误。我正在尝试的是:

<i class="explain fa fa-question-circle text-primary"
data-toggle="popover" data-trigger="focus" tabindex="0" title="Popover title"
data-content="And here's some amazing content. It's very engaging.<a href='#' 
onclick='window.open("http://www.google.com/");' title='test add link'>
link to content</a> Right?"></i>

这是我复制的原件:

<a href="#" onclick="window.open('http://www.google.com/');\"> link </a>

我的问题是，当我将单倍切换为双倍时，我在 ("http://www.google.com/"); 的初始 " 处收到错误> 并且有一个未闭合的标签。

我对这个电话有什么不明白的地方。

Answer 1

尝试使用“”在 HTML 属性中:

<i class="explain fa fa-question-circle text-primary"
data-toggle="popover" data-trigger="focus" tabindex="0" title="Popover title"
data-content="And here's some amazing content. It's very engaging.<a href='#' 
onclick=&quot;window.open('http://www.google.com/');&quot; title='test add link'>
link to content</a> Right?"></i>

在这里比较:How to properly escape quotes inside html attributes?