Django项目链接仅能在新标签打开，未用JavaScript该如何解决？

1. 修正不规范的HTML结构 #

你当前把<button>嵌套在<a>标签里的写法不符合HTML规范——<a>作为行内元素，不能嵌套<button>这类交互型块级元素，浏览器会自动修正DOM结构，导致链接的默认跳转行为异常。

替换方案：

• 直接给<a>标签添加按钮样式，替代嵌套结构：

<a href="{% url 'example' param1 param2 %}" class="edit-btn">Edit</a>

• 配套CSS样式（可放在模板的<style>标签或静态CSS文件中）：

.edit-btn {
  display: inline-block;
  padding: 6px 12px;
  background: #0071dc;
  color: #fff;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
}
.edit-btn:hover {
  background: #005bb5;
}

2. 验证Django生成的URL有效性 #

右键查看页面源码，找到对应<a>标签的href属性，复制实际生成的URL到浏览器地址栏直接访问：

• 如果无法打开，说明URL配置有问题，检查urls.py中example路由的参数是否匹配，param1和param2是否传递了正确的值。
• 如果能正常打开，再继续排查其他因素。

3. 排查浏览器插件干扰 #

某些浏览器插件（如广告拦截器、隐私防护工具）可能会拦截链接的默认跳转行为：

• 切换到浏览器隐身模式打开页面，测试链接是否能正常跳转。
• 如果隐身模式正常，逐一禁用已安装的插件，找到干扰源。

4. 检查第三方库/基础模板的JS影响 #

即使你没有手动写JS，模板引入的第三方框架（如Bootstrap、jQuery）或base.html中的全局JS代码，可能意外阻止了链接的默认行为：

• 打开浏览器开发者工具（F12），切换到「控制台」标签，查看是否有报错信息。
• 在「元素」标签中选中该链接，查看「事件监听器」，确认是否有click事件被调用了preventDefault()方法。

内容的提问来源于stack exchange，提问作者Jonathan Pi