iframe 同源策略

同源策略是一种浏览器安全机制，用于限制一个源（域名、协议和端口）的文档或脚本如何与另一个源的资源进行交互。同源策略的目的是防止恶意网站通过脚本访问用户的敏感信息或执行恶意操作。

在同源策略下，一个源的文档或脚本只能与同一源的资源进行交互，不能直接访问其他源的资源。这意味着，如果一个页面中包含一个来自不同源的iframe元素，那么该iframe中的文档或脚本将无法直接访问父页面的DOM，也无法通过常规的方式与父页面进行通信。

然而，同源策略并不是绝对的，有一些方法可以绕过同源策略实现跨域访问，其中包括以下几种常见的方法：
1. JSONP跨域：通过动态创建`<script>`标签，将跨域请求的数据作为回调函数的参数返回到页面中。
2. document.domain + iframe跨域：当两个页面的域名相同但是子域不同，可以通过设置`document.domain`属性来实现跨域访问。
3. location.hash + iframe跨域：通过改变iframe的URL的hash值来传递数据，从而实现跨域通信。
4. window.name + iframe跨域：通过在iframe的`window.name`属性中存储数据，实现跨域通信。
5. postMessage跨域：通过使用`window.postMessage()`方法在不同窗口之间传递消息，实现跨域通信。
6. 跨域资源共享（CORS）：在服务器端设置响应头，允许指定的源进行跨域访问。
7. nginx代理跨域：通过配置nginx服务器代理请求，实现跨域访问。
8. nodejs中间件代理跨域：通过使用nodejs中间件代理请求，实现跨域访问。
9. WebSocket协议跨域：通过WebSocket协议进行跨域通信。

总结起来，同源策略是浏览器的一种安全机制，限制了不同源之间的交互。但是通过一些特定的方法，可以实现跨域访问和通信。