将 django 模板中的 html 标签参数传递给 javascript 函数

Question

我想在 django 模板中将 HTML 字符串作为参数传递给 javascript。 这是：我有一堆链接，它们在我的数据库中。 我可以通过{% for link in links %} {{ link }} {% endfor %}在我的 Django 模板中访问这些链接。 例如，我可以使用{{ link.name }}访问某个链接名称，但我也为每个链接指定了内容； 像{{ link.content }} 。

问题是; 在我的模板中，我有一个侧边栏导航，其中包含多个链接的 url，我想在该页面中显示单击链接的内容。 为此，我编写了一个名为 display 的 javascript 函数：

<script>
        function display(str){
                   document.getElementById('cont').innerHTML = str:                     
                      }
</script>

这将访问：

<div id="cont"> </div>

这里是：

<a class="nav-link active" href="{{ link.link }}" onclick="display('{{ link.content }}')">{{ link.name }}</a>

在上面的代码中，显示功能不起作用。 我的意思是，当我单击侧栏中的链接时，它不显示任何内容，实际上什么也不显示。 但是为了测试，当我将显示参数{{ link.content }}更改为其他类似'<h1>hello<h1>' ，它起作用了。 ps：我的链接的内容是一个内联的 html 标签，例如： '<h1><strong>        &nbsp' '<h1><strong>        &nbsp' '<h1><strong>        &nbsp'并注意我把我的<script> ...放在<body>底部。 我将非常感谢任何帮助和指导。

Answer 1

首先，你能不能检查一下你的{{ link.content }}是否不为空。 另外，尝试将脚本标签放在顶部。

Answer 2

onclick="display('{{ link.content }}')"

插入 link.content 时不要用单引号括起来

用：

onclick="display({{ link.content }})"

将 django 模板中的 html 标签参数传递给 javascript 函数

问题描述

2 个解决方案

解决方案1
0 2020-03-25 16:28:41

解决方案2
0 2020-03-25 16:41:34

将 django 模板中的 html 标签参数传递给 javascript 函数

问题描述

2 个解决方案

解决方案1 0 2020-03-25 16:28:41

解决方案2 0 2020-03-25 16:41:34

解决方案1
0 2020-03-25 16:28:41

解决方案2
0 2020-03-25 16:41:34