如何使用javascript将参数传递给目标url

Question

我试图在点击电影时将电影 id 传递给 url，并在目标页面中检索电影 id。我知道表单默认执行此操作，但我想使用锚元素来完成此操作。

所以例如我有这个主页网址：

http://127.0.0.1:5500/client/index.html

我点击主页上的一部电影，该电影有一个锚标签，它重定向到不同的文件：

http://127.0.0.1:5500/client/views/movies.html

电影有一个我希望在/movies.html 页面中可用的 id，电影 url 应该如下所示：

http://127.0.0.1:5500/client/views/movies.html?movieId=1234

我将如何使用 javascript 来完成这项工作？

这里是html：

 <div class="card">
    <a href="${'/client/views/movies.html'}" data-src="1234" >
        <img class="img-size" src="${poster_image}" alt="">
    </a>
    <div class="card-body">
       <h6 class="card-title"> ${el.title}</h6>
          <p>${el.release_date}</p>
    </div>
 </div>

Answer 1

只需在锚标签href本身中添加所需的参数，如下所示：

 <div class="card">
    <a href="${'/client/views/movies.html?movieId=1234'}" data-src="1234" >
        <img class="img-size" src="${poster_image}" alt="">
    </a>
    <div class="card-body">
       <h6 class="card-title"> ${el.title}</h6>
          <p>${el.release_date}</p>
    </div>
 </div>