时间戳

首页 > 解决方案 > 使用 URL 插入数据

html - 使用 URL 插入数据

问题描述

我有以下网址：https://www.amazon.com/#twotabsearchtextbox。当我单击此链接时，我希望它转到亚马逊，选择搜索栏，然后输入一个值。我的问题是：如何修改 URL 以在搜索栏中插入值？

示例输入

网址： https://www.amazon.com/#twotabsearchtextbox

价值：复仇者联盟电影

预期输出：

在此处输入图像描述

我知道你可以选择元素。我也曾在某个地方看到过这样做。但是，我找不到解释使用的标识符的资源。我看到您可以在此处突出显示它，但不能插入。

标签： htmlcssurl

解决方案

也许我缺少一些东西，但我会填充搜索链接。

<a href="https://www.amazon.com/s?k=YOUR+SEARCH+VALUE">

如前所述，您甚至可以使用一些 javascript 将值填充为您想要的任何内容。例如：

您有一个锚点，其中id包含您要搜索的内容。

<a id="star+wars">My Link</a>

我们可以使用 javascript 使用您的搜索词填充搜索 URL，然后使用将其添加到锚点setAttribute

let yourLink = document.getElementById("star+wars");
let searchID = yourLink.id;

yourLink.setAttribute("href", "https://www.amazon.com/s?k=" + searchID);

JSFiddle：https ://jsfiddle.net/L5afroh1/

推荐阅读