如何使用 href 和 onclick 函数传递参数？答案

【问题标题】：How to pass parameter with a href and onclick function?如何使用 href 和 onclick 函数传递参数？
【发布时间】：2021-03-17 18:48:12
【问题描述】：

这是一个非常简单的 Javascript 功能，但我无法使用它。当我尝试将参数传递给 onclick 方法时，如下所示：

<td><b><div id=linkInstall><a href="#" target=_self onClick="show(' + reports + ')" class=right>ABC</a></div></b></td>

show() 函数将“report”视为字符串而不是变量。这里的 reports 是一个包含一些值的变量。然后我尝试如下转义字符串

<td><b><div id=linkInstall><a href="#" target=_self onClick="show(\'' + reports + \'')" class=right>ABC</a></div></b></td>

然后它会抛出以下错误：

Uncaught SyntaxError: Invalid or unexpected token

那么在这种情况下出了什么问题？我应该如何传递变量而不是字符串？

谢谢。

【问题讨论】：

是report JS 变量吗？
基本上我使用的是 Django，在 HTML 模板中，有一个名为“reports”的 Python 变量具有一些价值。它回答了你的问题吗？

标签： javascript html variables href

【解决方案1】：

既然你说你使用 Django 和 HTML，我认为错误在于模板语法。尝试在花括号内传递变量。

例子：

<td>
  <b>
    <div id=linkInstall>
      <a href="#" target=_self onClick="show({{ reports }})" class=right>ABC</a>
    </div>
  </b>
</td>

请注意，您需要使用 TemplateResponse 将变量作为参数传递给模板

from django.template.response import TemplateResponse

def page_name(request, template_name="myapp/inculdes.html"):
    args = {}
    text = {"data":"data"}
    args['reports'] = text
    return TemplateResponse(request, template_name, args)

【讨论】：