js提交a标签中的href地址

场景：

项目中有一个删除是直接用的a标签的href和jinja的url_for+删除操作的路由地址实现删除操作

<a href="url_for('admin.area_delete',id=id)" class='btn btn-xs btn-danger'>
	<i class='btn btn-xs btn-danger'>i>
a>

但是：

这样的话一点击就直接删除掉了，实际上想要在删除之前添加一个confirm确认一下，以避免误删。

.

所以我把这个带href的a标签隐藏掉，增加一个按钮A和a标签关联，当点击按钮A时候，在A的点击事件里用js去触发这个a标签的href链接实现删除。

<button type="button" class="btn btn-xs btn-danger">
	<i class='btn btn-xs btn-danger'>i>
button>
<a href="url_for('admin.area_delete',id=id)" class='hidden'>a>

然鹅：

标签a的click()没有效果呀！！？！！？
啊！！！！

最终：

在找了一些博客之后，发现了可行的办法（这里感谢博客！感谢各位写博客分享知识的人们！）：

获取a标签的href，用js跳转这个链接

这里试了两个实现的方式：

1. window.open(href) //当前页面全部刷新
2. window.location.href=href // 当前块刷新

因为我们的项目是用到主页面和子页面嵌套的方式，所以选择用了window.location.href方式，完美实现删除前的确认，舒服~~