我试图在单击电影时将电影ID传递给URL,并在目标页面中检索电影ID。我知道表单默认情况下会执行此操作,但是我想使用锚元素来完成此操作。
因此,例如,我有此主页网址:
http://127.0.0.1:5500/client/index.html
我单击主页上的电影,该电影有一个定位标记,该标记重定向到另一个文件:
http://127.0.0.1:5500/client/views/movies.html
这部电影的ID需要在/movies.html
页面中显示,并且电影网址应如下所示:
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>
只需在锚标记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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句