如果我们使用有什么区别吗
- 带有路由的链接:
<a href="/logout">Logout</a>
,或 - 具有功能的按钮:
<button onclick="logout()">Logout</button>
在可访问性方面?
该/logout
路线基本上只是重定向到/login
. 使用该logout()
功能时也会发生同样的情况。
是否有任何优点/缺点?
如果我们使用有什么区别吗
<a href="/logout">Logout</a>
,或<button onclick="logout()">Logout</button>
在可访问性方面?
该/logout
路线基本上只是重定向到/login
. 使用该logout()
功能时也会发生同样的情况。
是否有任何优点/缺点?
不是一个完整的答案,只是补充几点:
您已经了解何时使用链接(导航)与按钮(基于 JS 的操作)的一般用例。
这就是我通常在 SPA 中的想法:
在登录/注销或表单提交的情况下,虽然“动作”可以导航到新页面但它是间接的,它首先需要由 SPA 处理和处理,根据该 SPA 做出路由决定。此外,允许在默认提供的链接或可收藏的新选项卡中打开登录/注销是没有意义的。
还要考虑一下您使用 SignUp 或 Login 做什么,它们是按钮。
所以在这种情况下我会选择一个按钮。
如果我们谈论的是单页应用程序,href 会重新加载您不想要的页面。你想要的是重新渲染页面。如果您使用的是框架,他们有“路由器”可以为您执行此操作,但如果您使用的是普通 DOM,我建议您使用“渲染”div 并让 logout() 进行重新渲染。