在Django模板中使用onclick="location.href='{% url ... %}';"时，因引号嵌套冲突导致JS语法错误（如“; expected”），需改用单引号包裹HTML属性值，并将Django模板标签置于双引号内。

在django模板中使用`onclick="location.href='{% url ... %}';"`时，因引号嵌套冲突导致js语法错误（如“`; expected`”），需改用单引号包裹html属性值，并将django模板标签置于双引号内。

在Django项目中，常通过模板循环渲染分类卡片，并为每个卡片绑定点击跳转逻辑，例如跳转至对应分类页面：{% url 'category' category.category %}。但若直接写成：

<div onclick="location.href='{% url 'category' category.category %}';">

浏览器会报错 '; expected' —— 这是因为外层双引号（onclick="..."）与内部Django模板标签中的单引号（'category'）发生冲突，导致JavaScript解析器提前终止字符串，后续内容被当作非法JS语句处理。

✅ 正确写法是切换HTML属性引号类型，用单引号包裹onclick属性值，使Django {% url %} 标签内的单引号得以安全保留：

{% for category in all_categories %}
    <div onclick='location.href="{% url "category" category.category %}";'
        style="box-shadow:0 5px 30px 0 rgba(0,0,0,.05);"
        class="hover:scale-105 hover:transform transition duration-300 cursor-pointer bg-gray-900 rounded-lg h-40 w-full my-4 text-center p-5 grid place-items-center">
        <div>
            <p class='text-4xl my-2'>
                <i class="bi bi-tags text-transparent bg-clip-text bg-gradient-to-r from-cyan-200 to-blue-500"></i>
            </p>
            <p class='text-base'>{{ category.category }}</p>
        </div>
    </div>
{% endfor %}

? 关键细节说明：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

立即学习“Java免费学习笔记（深入）”；

• onclick='...'：外层使用单引号，避免与 {% url "category" ... %} 中的双引号冲突；
• {% url "category" category.category %}：Django URL反解析标签内使用双引号包围视图名（更推荐，且兼容含空格或特殊字符的命名）；
• 分号 ; 在JS中非必需（语句自动分隔），可省略以提升简洁性（即 location.href="..."; → location.href="..."）；

⚠️ 注意事项：

• 确保 category.category 字段真实存在且非空——若模型字段名为 name 或 slug，请同步更新为 category.name 或 category.slug；
• 更健壮的做法是在视图中预生成URL并传入模板，避免模板中复杂JS逻辑：

  # views.py
  context['category_urls'] = [
      {'name': cat.category, 'url': reverse('category', kwargs={'slug': cat.slug})}
      for cat in all_categories
  ]

  模板中则直接使用：

  onclick='location.href="{{ cat.url }}";'

? 总结：Django模板与JavaScript混合时，引号嵌套是高频陷阱。坚持“HTML属性用单引号 + Django标签内用双引号”原则，可彻底规避 '; expected' 类语法错误，同时提升代码可读性与维护性。