<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接练习</title>
</head>
<body>
<div>
<a href="/user/" style="text-align: center"><button>进入</button></a><br>
<hr>
{# a标签，超链接#}
<a href="/practice/" style="text-align: center"><button>进入practice</button></a>
<hr>
{# 在当前页进行跳转#}
<input type="button" value="进入练习" onclick="window.location.href={% url 'practice' %}" style="padding: 10px 20px;color: #5bc0de;">
{# 在新窗口打开一个标签页#}
<input type="button" value="进入练习" onclick="window.open({% url 'practice' %})" style="padding: 10px 20px;color: #5bc0de;">
</div>
</body>
</html>
显示效果，a标签的就不说了，主要是input的button
在input 的属性为button的时候，button是一个连接，刚开始是直接写成了（这是a链接这样写）
<input type="button" value="进入练习" href="{% url 'practice' %}" style="padding: 10px 20px;color: #5bc0de;">
虽然在检查HTML页面的时候是显示完整连接的，但是点击没什么反应，后来又改成：
<input type="button" value="进入练习" οnclick="window.location.href（{% url 'practice' %}）" style="padding: 10px 20px;color: #5bc0de;">
下面的open用括号是可以用的，但是这个点击还是没反应，再改成：
<input type="button" value="进入练习" οnclick="window.location.href={% url 'practice' %}" style="padding: 10px 20px;color: #5bc0de;">
然后就顺利成功了。
版权声明：本文为junxieshiguan原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。