子级iframe+获取父级localstorage
时间: 2024-03-02 17:46:29 浏览: 128
iframe-localstorage
子级iframe是指在一个网页中嵌入另一个网页,形成一个框架结构。而获取父级localstorage是指在子级iframe中访问和操作父级网页的本地存储。
要实现子级iframe获取父级localstorage,可以通过以下步骤:
1. 在父级网页中设置localstorage的值:
```javascript
localStorage.setItem('key', 'value');
```
2. 在子级iframe中通过`window.parent`对象来访问父级网页的localstorage:
```javascript
var parentLocalStorage = window.parent.localStorage;
```
3. 然后就可以使用`parentLocalStorage`对象来获取和操作父级网页的localstorage了:
```javascript
var value = parentLocalStorage.getItem('key');
console.log(value); // 输出父级localstorage中的值
```
需要注意的是,由于同源策略的限制,只有当父级网页和子级iframe的域名、协议和端口号完全一致时,才能进行跨域访问和操作localstorage。
阅读全文