Javascript onclick 函数调用问题 : won't pass a string

Question

所以基本的总结是我正在尝试创建一种基本的方法来标记我们的网络 map 应用程序上的不当内容。当用户点击一个点时，在一个动态创建网络 map 侧边栏内容的函数中，我有这段代码应该生成一个标志的图像。

当用户单击标志时，我想运行函数 flagContent，它应该将 url 字符串传递给函数。从此功能中，我将能够稍后将其写入数据库(尽管我还没有做到这一点)。

以下是我一直在使用的一些代码片段:

1.这里是生成flag图片的地方

content += "<p class='info'><img id='flag' onclick='flagContent(" + attachmentInfo.url + ")
'src='assets/flag.png' style='height:15px'>Flag as inappropriate...</p>";

1. 这是连接函数

   函数 flagContent(imageUrl){ console.log(imageUrl)}

基本上 url 是一个字符串，我希望能够在 flagContent 函数中对其进行操作。不幸的是我无法让它工作。当我传递诸如 attachmentInfo.objectID 之类的数字参数时，我没有遇到同样的问题。

为了它的值(value)，我也得到了这个错误:

Uncaught SyntaxError: Unexpected token :

如有任何帮助，我们将不胜感激。让我知道是否有其他信息可以帮助解决此问题。谢谢!

Answer 1

我假设 attachmentInfo.url 会返回一个 URL，它应该是一个字符串并且只需要用引号括起来。由于您已经使用了这两种类型的引号，因此您将不得不转义一些引号。

content += "<p class='info'>";
content += "<img id='flag' onclick=\"flagContent('" + attachmentInfo.url + "')\" src='file.png'/>";
content += "Flag as inappropriate...";
content += "</p>";

这样做会使最终输出看起来像这样:

<p class='info'>
  <img id="flag" onclick="flagContent('http://example.com')" src='file.png'/>
  Flag as inappropriate...
</p>

你遇到的问题是 URL 没有被引号括起来，它看到 flagContent(http://example.com) 并且不知道如何处理这些裸词在一个字符串中。