如何让我的 js 代码 select 成为正确的 html 页面供选择？

Question

所以我有一个针对我国各州的搜索引擎（使用 html、css 和 js 制作），对于每个 state 我想制作一个 html 页面，所以当我 go 到搜索栏并输入州名时，我单击搜索图标它显示属于该统计的 html 页面（有 48 个 html 页面）

function select(element)
{
    let selectData = element.textContent;
    inputBox.value = selectData;
    icon.onclick = ()=>
    {
        webLink = `https://www.google.com/search?q=${selectData}`;
        linkTag.setAttribute("href", webLink);
        linkTag.click();
    }
}

我试过这种方式，但它在谷歌中对 state 进行了研究，我不想要那样。 我想显示我的 html 页面

我也试过这个：

webLink = htmls/?q=${selectData} ; linkTag.setAttribute("href", webLink); linkTag.click();

我删除了 google 链接并找出了存储 html 页面的文件夹的名称，现在当我单击输入时会出现一个索引页面，我必须选择手动显示哪个 html 页面，我如何让它自动选择？

Answer 1

而不是linkTag.click().click() ，如何使用location.href = webLink 。 这样，它会直接替换浏览器 url 并准确输入 webLink 的值。 此外，它不会传播事件。

Answer 2

有几种方法可以使您的 JavaScript 代码 select 正确的 HTML 页面可供选择，具体取决于您的需要和要求。 一些常见的方法包括：

Using the DOM API: The Document Object Model (DOM) API allows you to interact with the HTML and XML documents, you can use this API to select the specific elements you want to target and perform operations on them. 您可以通过标记名称、class 名称或 ID 使用 DOM API 到 select 元素，然后使用 JavaScript 操作它们。

使用 jQuery：jQuery 是一个流行的 JavaScript 库，可以轻松地 select 和操作 web 页面上的元素。 您可以使用 select 元素的标签名称、class 名称或 ID，使用 jQuery 的选择器，然后使用 jQuery 方法对它们执行操作。

使用 JavaScript 框架：JavaScript 框架，例如 React、Angular 或 Vue.js，为您的代码提供结构，还提供一组工具来帮助您管理 state 和应用程序的渲染。 您可以使用这些框架创建单页应用程序 (SPA) 并使用路由到 select 正确的 HTML 页面。

使用服务器端语言：如果您使用服务器端语言，例如 Node.js，您可以使用它来处理路由，并根据用户的请求提供正确的 HTML 页面。 这将允许您处理服务器上的路由逻辑，并让 JavaScript 代码仅处理客户端逻辑。

使用路由库：JavaScript 有几个可用的路由库，例如 React Router 或 Vue Router，您可以使用它们来处理应用程序中的路由。 这些库提供了一组工具来处理客户端路由，并允许您将 map URL 指向应用程序中的特定组件。

值得注意的是，最佳解决方案将取决于项目的具体要求、代码库的复杂性以及您使用的技术。