首页 > 解决方案 > 如何在 HTML 中的 href url 中添加变量名,并且 URL 必须重定向到 HTML 页面并且不受变量名的影响

问题描述

我的 HTML 代码是

<a href="file-name-where-it-should-redirect.html" onclick="location.href=this.href+'/variable_name';return false;">Data</a>

我希望它使用变量名重定向到file-name-where-it-should-redirect.html ,并且 html 文件位于本地目录中例如:localdirectory/file-name-where-it-should-redirect.html/variable_name

标签: javascripthtml

解决方案


您可以/必须将其存储href在一个变量中,然后您可以将其与window.location一起使用。默认情况下,如果您单击浏览器想要关注的链接,您可以使用event.preventDefault()阻止它这样做,这样的东西应该可以工作:

<a href="file-name-where-it-should-redirect.html" onclick="event.preventDefault();var href = this.href; location.assign(href + '/variable_name') ">Data</a>

要检查链接,请打开开发者工具并转到网络,然后您将看到如下内容:

在此处输入图像描述


推荐阅读