在Web开发中，静态HTML页面是一种不包含服务器端处理的页面，这意味着，当你访问一个静态HTML页面时，服务器会直接将页面的内容发送给浏览器，而不会对页面内容进行任何修改，静态HTML页面无法实现数据的动态传递和处理，通过一些技术手段，我们仍然可以实现在静态HTML页面中传递值的目的，本文将详细介绍如何在静态HTML页面中传值的方法。
1、使用URL参数传递值
在静态HTML页面中，我们可以使用URL参数来传递值，这种方法的基本思路是将需要传递的值附加到URL的查询字符串中，然后在静态HTML页面中解析这个查询字符串，从而获取到需要的值。
具体操作步骤如下：
（1）在需要传递值的地方，将值附加到URL的查询字符串中，将值value附加到URLhttp://example.com/page.html?value=123中。
（2）在静态HTML页面中，使用JavaScript解析查询字符串，获取到需要的值，以下是一个简单的示例：
URL参数示例
URL参数示例
在这个示例中，我们首先定义了一个名为getQueryString的JavaScript函数，用于解析查询字符串并获取指定名称的值，在window.onload事件中，我们调用这个函数来获取查询字符串中的value值，并将其显示在页面上。
2、使用表单提交数据
除了使用URL参数传递值之外，我们还可以使用表单来提交数据，这种方法的基本思路是创建一个表单，将需要传递的值作为表单字段的值，然后将表单提交到静态HTML页面，在静态HTML页面中，我们可以使用JavaScript来获取表单字段的值。
具体操作步骤如下：
（1）创建一个表单，并将需要传递的值作为表单字段的值。
（2）在静态HTML页面中，使用JavaScript获取表单字段的值，以下是一个简单的示例：
表单提交示例
表单提交示例
在这个示例中，我们首先定义了一个名为getFormValue的JavaScript函数，用于获取表单字段的值，在window.onload事件中，我们调用这个函数来获取表单字段的值，并将其显示在页面上，需要注意的是，由于表单提交的数据会被发送到服务器进行处理，因此在静态HTML页面中无法直接获取到表单字段的值，为了解决这个问题，我们可以将表单提交到一个后端脚本，该脚本负责处理表单数据并将结果返回给静态HTML页面，这样，我们就可以在静态HTML页面中获取到后端脚本返回的数据了。
