HTML 无需通过URL在一个HTML页面中传递值给另一个HTML页面吗

不可以直接在HTML页面之间传递值而不使用URL。因为HTML是一种静态的标记语言，缺乏跨页面原生数据传输能力。你需要使用其他技术，如JavaScript或服务器端脚本，可以将数据保存在Cookie、本地存储或会话存储中，以实现数据共享。通过使用这些技术，可以在不在URL中公开数据的情况下在页面之间传输数据。

使用的方法

Cookie
本地存储
服务器端脚本
表单提交
AJAX
Web Storage API
IndexedDB

Cookies

是的，使用Cookie可以在HTML页面之间传递值而无需使用URL。在第一个页面中，您可以使用JavaScript来设置带有所需信息的Cookie。当用户切换到第二个页面时，可以读取Cookie以恢复保存的值。这样可以保护用户隐私，并在不在URL中透露信息的情况下实现无缝数据传输，从而更有效地在HTML网站之间传输信息。

步骤

设置Cookie - 使用JavaScript在初始HTML页面上设置所需的数据在Cookie中。使用document.cookie属性来实现此目的。
访问第二个页面 - 在第一个页面中，包含一个链接或按钮，将用户引导到您想要访问该值的第二个页面。
读取Cookie - 再次使用JavaScript读取在初始HTML页面上设置的Cookie。使用document.cookie来获取保存的值。
处理数据 - 在第二个页面上获得Cookie值后，可以根据需要处理数据，以执行所需的操作。

本地存储

本地存储策略涉及使用JavaScript的“localStorage”对象来在两个HTML页面之间传输值，而不需要URL。这种技术可以在一个页面上将信息存储在浏览器的本地存储中，并在同一个浏览会话中在另一个页面上访问它。它可以在不在URL中透露信息的情况下保证页面之间无缝的数据流动，从而保护数据隐私。这种方法提供了永久存储，即使用户导航离开页面或关闭浏览器，也可以访问该存储，并且它是有效和安全的。

步骤

使用source HTML页面上的 localStorage.setItem() 方法，在本地存储中设置值。
使用 localStorage.getItem() 方法，从本地存储中检索值，并将其放置在destination HTML页面上。
为了避免问题，在尝试获取值之前，请确保本地存储中存在该值。
在检索到值后，可以根据目标页面上的应用程序逻辑使用该值。
如果不再需要值或不应该在当前会话中保存值，可以使用 localStorage.removeItem() 方法从本地存储中删除值。

服务器端脚本

服务器端脚本提供了一种在HTML页面之间发送值而不使用URL的方法。可以使用服务器端脚本将数据从一个网站发送到另一个网站，而不会在URL中显示。例如，当访问第一个页面时，您可以使用像PHP或Node.js这样的工具将值存储在服务器上的会话变量中。服务器可以在接收到后续页面请求时获取并显示保存的值。这种策略确保了数据安全和隐私，是在HTML网站之间传输数据的有用方式。

步骤

确保您的服务器已配置为支持Node.js或PHP等服务器端脚本语言。
为了捕获要传递的值，在第一个HTML页面上建立一个表单或使用JavaScript。
使用JavaScript或表单提交将值通过HTTP请求发送到服务器。
在服务器端脚本（例如PHP脚本）中获取值并将其保存在会话变量或数据库中。
使用服务器端脚本在第二个HTML页面上从服务器进行另一个数据请求。
使用服务器端脚本从数据库或会话中获取值。
最后，在第二个HTML页面上以所需的方式显示检索到的值。

表单提交

“表单提交”方法涉及开发一个带有隐藏输入字段的HTML表单，以提供值而不使用URL。然后，JavaScript可以在第一页中设置这些隐藏字段中的所需值。当用户提交表单时，信息将被传输到服务器，在服务器上可以进行处理，并且用户可以重定向到具有适当值的第二个页面。这基本上在HTML页面之间传递值，而不在URL中显示它们。

步骤

在第一个HTML页面中，创建一个表单，包括所有必需的输入字段，包括任何隐藏字段，用于保存你要传递的值。
根据你要传递的数据，你可以使用JavaScript根据用户交互或特定事件动态设置隐藏输入字段的值。
当用户执行导致数据传输的操作，如点击按钮时，使用JavaScript编程方式提交表单。
处理表单提交并从服务器端检索任何隐藏输入字段中的数据。
在服务器端根据需要处理数据。例如，你可以将数据存储在数据库中或根据获取的值采取特定操作。
使用服务器端代码，在数据处理完成后将用户发送到第二个HTML页面。
在第二个页面中，如果需要，使用JavaScript或服务器端脚本访问通过表单提交传递的数据。

结论

总之，在没有利用URL的情况下，在HTML页面之间传递值的方法有很多。通过使用JavaScript、cookies、本地存储、服务器端脚本、表单提交、AJAX、Web Storage API或IndexedDB，可以使数据传输既安全又有效。每种方法都有优缺点，选择依赖于特定需求。尽管HTML本身缺乏本地数据传输能力，但开发人员可以通过利用这些技术轻松共享数据，提高用户体验并保护数据隐私。通过选择合适的策略，开发人员可以设计动态、交互式的Web应用程序，并确保平稳的数据传输而不揭示重要信息在URL中。