通过html语言引用javascript中的静态文件

Question

我尝试使用cytoscape cxtmenu。在这里，我可以通过解释HTML字符串的选项"内容"来引用象征上下文菜单的图像文件。通常，我通过引用HTML中的静态图像文件

<img src="{{ url_for('static', filename='images/file.svg') }}">

然而，我用完了引号符号，因为我需要三种类型的字符串指示符

1. 整个HTML文本需要是一个字符串
2. src文本必须是字符串
3. 文件名必须是字符串

有人有解决这个问题的想法吗？

Lazloo

Answer 1

您可以为此使用模板字符串。它们在处理使用变量的字符串时非常方便。

一个正常的字符串如下所示：

var string = "Lorem ipsum dolor";

你可以像上面一样使用单引号：

var string = 'Lorem ipsum dolor;

然而，使用模板字符串，您可以像这样进行字符串连接：

var img_file = 'images/file.svg';
var img_type = 'static';
var img_template = `<img src="{{ url_for('${img_type}', filename='${file}') }}">`