要在HTML中获取URL参数,您可以使用JavaScript来实现。以下是一个示例代码,演示如何获取URL参数:
html复制代码
| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>获取URL参数</title> |
| <script> |
| function getURLParameter(name) { |
| var params = new URLSearchParams(window.location.search); |
| return params.get(name); |
| } |
| </script> |
| </head> |
| <body> |
| <h1>获取URL参数示例</h1> |
| <p>URL参数名为:myParam</p> |
| <p>URL参数值为:<span id="myParamValue"></span></p> |
| <script> |
| var myParamValue = getURLParameter('myParam'); |
| document.getElementById('myParamValue').textContent = myParamValue; |
| </script> |
| </body> |
| </html> |
在这个示例中,我们定义了一个名为getURLParameter的JavaScript函数,它使用URLSearchParams对象来获取指定名称的URL参数值。然后,我们在HTML中调用该函数,并将结果显示在页面上。
假设当前的URL为http://example.com/page.html?myParam=hello,那么在页面上会显示:
复制代码
| 获取URL参数示例 |
| URL参数名为:myParam |
| URL参数值为:hello |
您可以根据需要修改代码来适应您的实际情况。请注意,该代码需要在支持现代JavaScript的浏览器中运行。