javascript html 静态页面传参数
时间: 2023-09-30 08:10:11 浏览: 141
在 HTML 静态页面中,你可以使用 JavaScript 来传递参数。以下是一种常用的方法:
1. 使用 URL 查询字符串传递参数:
在链接中添加查询字符串参数,例如:
```
<a href="page.html?param1=value1¶m2=value2">Link</a>
```
在目标页面的 JavaScript 中,你可以使用 `location.search` 获取查询字符串,并解析参数:
```javascript
const searchParams = new URLSearchParams(location.search);
const param1 = searchParams.get('param1');
const param2 = searchParams.get('param2');
```
2. 使用表单传递参数:
在 HTML 表单中添加隐藏字段,例如:
```html
<form action="page.html" method="GET">
<input type="hidden" name="param1" value="value1">
<input type="hidden" name="param2" value="value2">
<input type="submit" value="Submit">
</form>
```
在目标页面的 JavaScript 中,你可以使用 `location.search` 获取查询字符串,并解析参数,方式同上。
这些方法允许你在静态页面中传递参数,并在目标页面中使用 JavaScript 获取和使用这些参数。
阅读全文