<iframe src={`./lookMS/index.html?jwt=12`} 如何传参 在子页面获取jwt
时间: 2024-09-28 18:15:57 浏览: 47
在JavaScript中,如果你想要在`<iframe>`标签中传递参数并让子页面(即嵌入的`index.html`页面)能够访问这些参数,特别是JWT(Json Web Token),你可以这样做:
1. **设置查询字符串**: 将JWT作为查询字符串附加到`src`属性中。例如:
```html
<iframe src="./lookMS/index.html?jwt=<your.jwt.token>" title="子页面"></iframe>
```
这里 `<your.jwt.token>` 应替换为实际的JWT值。
2. **子页面获取参数**:
子页面通过JavaScript可以获取URL中的查询参数。在`index.html`文件中,可以使用以下代码片段来获取`jwt`参数:
```javascript
var urlParams = new URLSearchParams(window.location.search);
var jwtToken = urlParams.get('jwt');
console.log(jwtToken); // 打印 JWT 值
```
这会允许你在子页面上直接读取`jwt`参数。但是需要注意的是,这种方式传递的信息是公开的,不适合敏感数据如JWT。在实际应用中,可能会考虑使用POST请求、Local Storage或Session Storage等更安全的方式来传递和存储JWT。
阅读全文