如何处理HTML中的事件？[关闭]-解网

问：

想改进这个问题吗？更新问题，使其仅通过编辑这篇文章来关注一个问题。

9个月前关闭。

改进此问题

据我了解，HTML 是一种标记语言，可以通过互联网轻松地从其他人的计算机在某人的计算机上交换和呈现数据。

它是一种作用于 DOM（文档对象模型）的语言，为其他用户提供一些功能，例如呈现网页或处理事件。

html 的问题在于，当用户向 http 服务器发出 http 请求时，http 服务器在向用户发出响应后将关闭连接。

所以，我的问题是，如果 html 文件接受 html 的用户输入 like 属性会发生什么？事件是否会存储在 SQL、mongoDB 等数据库中，或者它只是纯粹的 DOM（意味着 DOM 可以处理事件，就像 DOM 有自己的数据库一样？onclick

因此，假设如果用户单击一个按钮，我们是否要从一个 HTML 文件导航到另一个 HTML 文件。但是在第一个html文件中，有两个按钮，分别带有两个图像。

第二个 html 文件是单击发生时要呈现的文件。如何使第二个html文件根据第一个html文件中的用户输入呈现正确的图像？我需要数据库吗？或者事件是否存储在 DOM 的数据库中（如果有的话）。

JavaScript HTML DOM 事件

我知道像我这样的Nooby会问一个非常令人困惑的问题，因为我也对这个话题感到困惑。这就是提出这个问题的原因。纠正我心中的一些困惑。我宁愿先问一个非常基本的问题，然后再问一个非常集中的问题。因为那样我会忘记或不理解它，如果我想做其他一些情况。如果有人认为这是个坏问题，不会帮助别人，这取决于你。

答：

-2赞 FeatherGlobe 3/9/2023 #1

在第 2 页上导航时，将相应的图像作为查询参数传递，如下所示。

<button onClick="page2.html?image=image1">Image 1</button>
<button onClick="page2.html?image=image2">Image 2</button>

读取第 2 页的查询参数，根据查询参数的值渲染图像。查询参数可以按如下方式读取。

const queryString = window.location.search;

const urlParams = new URLSearchParams(queryString);

好的，现在我明白了。当网站托管在某个地方时，它将拥有自己的标识符，即类似于文件路径的标识符。因此，JavaScript 代码具有能够获取 html 文件中发生的事情的功能，即从该 html 文件中捕获用户输入并相应地给出输出。因此，简而言之，负责存储事件的是 DOMurl

0赞 Thomas Sablik 3/9/2023

预计会做什么？onClick="page2.html?image=image1"

0赞 beginner 3/9/2023

这意味着它将检查我猜被点击的图像是否是page2.htmlimage1

0赞 Thomas Sablik 3/9/2023

@beginner 属性不能是 URL。它必须是 JavaScript。此按钮会导致错误。此答案中的代码不正确。onClick

如何处理HTML中的事件？[关闭]