JS Uncaught DOMException: Blocked a frame with origin “XXX“ from accessing a cross-origin frame问题解决

Blocked a frame with origin 正常情况下，如果iframe嵌入的页面跟外部页面没有交互情况下 不会存在跨域问题，但是这次嵌入的页面调用了一个外部js，里面写了一个方法 window.top.xx。当我们使用 window.parent 或 window.top 来获取父页面的 window 对象，如果两个的域名不一样，所以会出现跨域问题。## 子页面传父页面。## 父页面传子页面。

这是内嵌 iframe 页面使用 window.parent 或 top.xxxx 导致的，在 子页面，想传递给 父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题。 解决办法 1、父页面监听 message，写法固定 window.addEventListener('message', function (e) { console.log(e) }) 2、子页面发送 message 消息，并附带参数 // window.parent 是 iframe 子页面获取父页面的 window..

iframe 如果没有设置 src 属性，或者 src 属性的值和网站是同一个域名的，想定位 iframe 中的元素可以在浏览器中直接使用选择器进行获取。鼠标放在标签上按右键，选择复制，选择复制 selector。在 console 中执行document.querySelector(“body > label:nth-child(1)”).textContent 就能获取标签中的值。

**Blocked a frame with origin "xxx" from accessing a cross-origin frame.**最近做一个统计问题，要在A服务器向B服务器的发起请求，获取数据显示，刚开始的时候方法和jsp页面都是写在B服务器上的，直接从A服务器发请求，弹出页面就可以了，，但是后来要求做到iframe里面，再向之前那么整就直接出现了跨域的问题，网上查了些资料，现在...

大多数是因为使用 window.parent 或 top.xxxx 在子页面，想使用父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题 解决方法：在子页面 window.postMessage("message", '*');//后面的*号就是处理跨域问题的 然后在父页面 window.addEventListener('message', function (msg) { console.log(msg.data); }) 设置监听的方法就可以了 ...

问题 iframe窗口修改元素，提示Uncaught DOMException: Blocked a frame with origin ** from accessing a cross-origin frame，无法修改 解决办法： 使用 postMessage() 方法用于安全地实现跨源通信 window.postMessage(message,targetOrigin) 方法是html5新引进的特性，可以使用它来向其它的window对象发送消息，无论这个window对象是属于同源或不同源，目前IE

父子通讯采用 addEventListener 与 postMessage。由于无法获取父页面属性，所有只能指明源地址为*这个是因为违反csp规定，具体介绍查看。

Uncaught DOMException: Blocked a frame with origin "你的url" from accessing a cross-origin frame.父页面和子页面不是同一个域名,所以才会报这个错误；我的业务逻辑是“子页面”需要向“父页面”传递数据；

原因：跨页面操作涉及域的概念（origin），错误的意思是：未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。代码运行时在本地直接用浏览器打开的，地址栏是file:///的页面，只需改为localhost访问就行。...

前言在不同的端口号，甚至是不同的ip进行iframe嵌套的时候，在父页面调用子页面的方法的时候，报错 SecurityError: Blocked a frame with origin from accessing a cross-origin frame… 问题原因在不同端口号下，不能使用传统的iframe嵌套调用方法。 document.getElem...

内嵌 iframe 页面，一般使用 window.parent 或 window.top 来获取父页面的 window 对象 在子页面 想使用(或传递给) 父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题。 解决办法 1、父页面监听 message，写法固定 window.addEventListener('message', function (e) { console.l...

最近在写一个项目：需要在页面使用iframe来做登陆功能，本想使用parent.window.location.reload();刷新页面的，最后报错了“Blocked a frame with origin "https://my.xxxxxxx.com" from accessing a cross-origin frame”。 很明显这个报错就是跨域的问题，因为iframe遵循"同源策略"，所以在不同源的情况下是无法进行DOM操作的。因为我只是需要刷新父级的页面所以我使用了：parent.windo