Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.

最新推荐文章于 2023-11-10 15:29:53 发布
原创 最新推荐文章于 2023-11-10 15:29:53 发布 · 3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#iframe

本文介绍了一个关于在iframe中调用父页面DOM元素时遇到的跨域问题，并提供了解决方案，即使用前端编辑器如HBuilder或WebStorm来避免此类错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、问题

在iframe页面调用其父页面的dom节点：$("#navTab", parent.document)
直接通过 file:///D:/workspace/**/index.html 打开的页面，报错如标题

二、解决

跨域问题，用 HBuilder、webStrom 这种前端编辑器打开就好了
多个iframe嵌套，或者加载在一个主体项目，或者页面里。从iframe拖拽，添加数据到主体项目或者页面上，跨域问题解决
qq_39738977的博客
10-20 1077
Uncaught DOMException: Blocked a frame with origin “http://abc.aaaa.com” from accessing a cross-origin frame. 上面的信息一看，就是跨域了 解决，把domain 统一一下,涉及到的项目里，把domain都设置成一样的 如果用的vue项目，那就在main.js中或者App.vue里面，写上 if (!location.origin.includes('localhost')) { document.
Editor.md图片跨域问题
yhcnet的博客
03-02 1368
问题： Editor.md 是一款开源的、可嵌入的 Markdown 在线编辑器（组件），基于 CodeMirror、jQuery 和 Marked 构建。 但是，在使用Editor.md的时候配置图片上传时候遇到了一个问题：在图片上传时，出现跨域问题！ Uncaught DOMException: Blocked a frame with origin “http://127.0.0.1:8848” from accessing a cross-origin frame. at HTMLIFrameEl
Uncaught DOMException: Blocked a frame with origin “你的url“ from accessing a cross-origin frame.
橙-极纪元-JJYCheng
06-06 3884
Uncaught DOMException: Blocked a frame with origin "你的url" from accessing a cross-origin frame.父页面和子页面不是同一个域名,所以才会报这个错误；我的业务逻辑是“子页面”需要向“父页面”传递数据；
Uncaught DOMException: Blocked a frame with origin “https://www.123.com“ from accessing a cross-orig
最新发布
IMLiFeLong
11-10 2890
iframe 如果没有设置 src 属性，或者 src 属性的值和网站是同一个域名的，想定位 iframe 中的元素可以在浏览器中直接使用选择器进行获取。鼠标放在标签上按右键，选择复制，选择复制 selector。在 console 中执行document.querySelector(“body > label:nth-child(1)”).textContent 就能获取标签中的值。
layui：弹窗跨域问题 Uncaught DOMException: Blocked a frame with origin
Monkey
04-16 2893
在日常开发中经常出现A系统调用B系统的相关功能，在B系统中进行layer弹窗时，提示错误信息“Uncaught DOMException”，经过查询网上资料，发现是跨域错误。 仔细检查代码，发现在B系统对应模块进行弹窗时，使用top.layer.open({})方式; 若A系统引用了B系统的功能，使用top.layer方式是错误的，应该将top.layer改为 parent.layer 方式 ...
跨域问题：Uncaught DOMException: Blocked a frame with origin
热门推荐
强子的博客
07-06 7万+
Uncaught DOMException: Blocked a frame with origin “http://ip地址:8080” from accessing a cross-origin frame. 问题：这是跨域造成的。 解决方案：目前还在探索阶段，希望能成功； 1、CORS有跨域配置 如果成功，我将详细贴出；...
Uncaught DOMException: Blocked a frame with origin "http://localhost" from accessing a cross-origin frame
06-13
这个错误是由于浏览器的同源策略（Same Origin Policy）导致的。同源策略是浏览器的一种安全机制，用于防止跨域攻击。 该错误通常发生在您的网页中嵌入了一个来自不同域名的框架，并且您的 JavaScript 试图访问该...
this.style.height = this.contentWindow.document.body.offsetHeight + 30 + 'px'; 报错Uncaught DOMException: Blocked a frame with origin "http://localhost" from accessing a cross-origin frame的解决办法
06-13
这个错误是由于浏览器的同源策略（Same Origin Policy）导致的。同源策略是浏览器的一种安全机制，用于防止跨域攻击。 该错误通常发生在您的网页中嵌入了一个来自不同域名的框架，并且您的 JavaScript 试图访问该...
iframe跨域问题
03-07
iframe跨域问题：Uncaught DOMException Blocked a frame with origin解决方法
Uncaught DOMException: Blocked a frame with origin "" from accessing a cross-or
thlzjfefe的博客
03-23 3700
iframe跨域访问时，如果访问了被嵌入的界面中的dom信息，则会报错。 案例： 比如：a.html，访问地址为http://test.com/index.html，页面内容如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&...
Uncaught DOMException: Blocked a frame with origin - 跨域数据问题及解决
weixin_42973143的博客
12-19 5万+
遇到需要使用窗口的功能，是这样的 ，A站点的a1页面为主要显示页面，但是需要调用B站点的b1界面用来保存数据到B站点上，然后再将b1页面获取的地址体现到a1页面上，在调用页面的关闭事件的时候遇到问题： Uncaught DOMException: Blocked a frame with origin 了解出错的错误信息后百度了，都是写了写跨域的问题，修改地址为IP地址对本应用是不可取的，自己...
解决：Uncaught DOMException: Blocked a frame with origin “xxx“ from accessing a cross-origin frame.
qq_41422946的博客
08-27 3万+
同源策略是一个重要的安全策略，它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。 如果两个 URL 的protocol、port(如果有指定的话)和host都相同的话，则这两个 URL 是同源。这个方案也被称为“协议/主机/端口元组”，或者直接是“元组”。（“元组” 是指一组项目构成的整体，双重/三重/四重/五重/等的通用形式）。
JS Uncaught DOMException: Blocked a frame with origin “XXX“ from accessing a cross-origin frame问题解决
旭东怪的博客
12-18 1万+
问题描述： UncaughtDOMException:Blockedaframewithorigin"http://localhost:46819"fromaccessingacross-originframe. 问题分析： 1、由于页面中子iframe嵌套了其他网站的页面，导致了跨域问题，无法获取子iframe的元素和方法。 ...
javaScript中打开一个新窗口报错Uncaught DOMException: Blocked a frame with origin “null“ from accessing a cross
一只苟延残喘的卑微蝼蚁
03-19 5603
javaScript中window.open()打开一个新窗口报错Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross
(转)使用iframe框架出现Uncaught DOMException: Blocked a frame with origin 跨域问题解决方法
CaseyWei
04-25 7699
最近写的项目需在弹出层中调用其它系统的页面，并获取选中的内容，但是遇到Uncaught DOMException: Blocked a frame with origin "url" from accessing a cross-origin frame.这个问题。 使用postMessage()方法可以解决跨域传值的问题，这里贴上posetMessage的API https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值