单击链接时如何修改html文件的名称

Question

我目前正在使用一个返回大量数据的API，我希望当用户点击一个名称时能够将其发送到另一个页面。这是我的Javascript：

const name = pokemon.name;
<a href="./${name}.html"> ${name} </a>

其中${name}根据口袋妖怪的名称而变化。

问题是，我想创建一个具有相同结构、具有相同口袋妖怪但信息不同的HTML文件。我知道这是可能的，因为我见过其他网站在地址栏的URL末尾有"/pokemonName"。

编辑：我使用的是香草JS，API是PokeApi

Answer 1

所以你想要这样的东西：https://dev.to/js_bits_bill/vanilla-js-who-s-that-pokemon-game-with-pokeapi-34m4

我看到你的例子和教程完全一样，唯一的问题是你会注意到，在教程中，他将html包装在backtick"&"；。

这是因为${}"；只有在包含反勾号的情况下才有效。

你需要这样的东西：

function pageHtmlString (name) {
return `<button data-name="${name}">${name}</button>`;
};