【运行错误】Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame....

最新推荐文章于 2024-08-02 11:11:01 发布
最新推荐文章于 2024-08-02 11:11:01 发布
阅读量826 收藏
点赞数
原文链接：http://www.cnblogs.com/dragonir/p/7851967.html
版权

代码如下：

  1. <html>  
  2. <head>  
  3. <script>  
  4. /*window.frames[]可以通过下标或名称访问单独的frame*/  
  5. window.οnlοad=function(){  
  6. var h1=window.frames["header"];//.document.getElementsByTagName('h1');  
  7. alert(h1);  
  8. }  
  9. </script>  
  10. </head>  
  11. <frameset rows="80,*">  
  12. <frame src="top.html" name="header"></frame>  
  13. <frameset cols="180,*">  
  14. <frame src="menu.html" name="menu"></frame>  
  15. <frame src="main.html" name="main"></frame>  
  16. </frameset>  
  17. </frameset>  
  18. </html>  


 

 

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

转载于:https://www.cnblogs.com/dragonir/p/7851967.html

weixin_30590285
关注
iframe子页面对父页面进行的操作的jQuery方式，解决报错：Uncaught DOMException: Blocked a frame with origin "null" from ...
Emily
07-30 3981
在项目中，一个页面中可能会通过<iframe>标签引入另外一个页面，这两个页面简称为父页面和iframe子页面。然后，会通过点击导航（导航样式改变），iframe引入不同的页面，显示不同的内容。当有时可能需要在iframe子页面进行iframe的src改变（即引入另一个页面），同时相应导航样式也需要改变。简单例子如下： 效果图： 1. 父页面代码如下：parent.html ...
iframe 内嵌报跨域SecurityError: Blocked a frame with origin “http://x“from accessing a cross-origin frame
userDengDeng的博客
03-09 2万+
Vue 项目中 嵌入 iframe <iframe id="iframe" width="100%" height="100%" frameborder="0" :src="embedSrc"></iframe> 报跨域错误 Error in nextTick: "SecurityError: Blocked a frame with origin "https://test-live.cantonfair.org.cn" from accessing a cross-origi
Blocked a frame with origin "xxx" from accessing a cross-origin frame.
qq_37556534的博客
04-25 7254
**Blocked a frame with origin "xxx" from accessing a cross-origin frame.**最近做一个统计问题，要在A服务器向B服务器的发起请求，获取数据显示，刚开始的时候方法和jsp页面都是写在B服务器上的，直接从A服务器发请求，弹出页面就可以了，，但是后来要求做到iframe里面，再向之前那么整就直接出现了跨域的问题，网上查了些资料，现在...
Blocked a frame with origin “XXX“ from accessing a cross-origin frame.
weixin_42097259的博客
06-24 672
父子通讯采用 addEventListener 与 postMessage。由于无法获取父页面属性，所有只能指明源地址为*这个是因为违反csp规定，具体介绍查看。
iframe嵌入跨域错误
最新发布
m0_70903072的博客
08-02 1004
Blocked a frame with origin 正常情况下，如果iframe嵌入的页面跟外部页面没有交互情况下 不会存在跨域问题，但是这次嵌入的页面调用了一个外部js，里面写了一个方法 window.top.xx。当我们使用 window.parent 或 window.top 来获取父页面的 window 对象，如果两个的域名不一样，所以会出现跨域问题。## 子页面传父页面。## 父页面传子页面。
iframe和父页面相互传值,并兼容跨域问题.(项目实测成功) from accessing a cross-origin frame
热门推荐
往事随风的博客
09-24 8万+
项目背景: 部署本地服务器项目,后台管理系统内需要用iframe嵌入另一个功能项目,需要能够互相传值进行操作 问题: 翻译之后是跨域了,因为浏览器的同源策略问题 解决方法: 1:父页面向子iframe传值 (在父页面的js里获取到iframe,然后向iframe传值,然后这么写就行了,第一个参数是需要传的...
Uncaught SecurityError: Blocked a frame with origin "null" from accessing a frame with origin "null"
xqhys的博客
03-30 2万+
跨页面操作涉及域的概念（origin）。 错误的意思是： 未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。 也许你是在本地直接用浏览器打开的、地址栏是file:///的页面吧。 可以试着在本地架设服务器来调试，建议工具：nginx。 错误的意思是： 未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。 也许你是在本地直...
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解决方法
Blocked a frame with origin “https://my.xxxxxxx.com“ from accessing a cross-origin frame.
m0_61420899的博客
05-03 4452
最近在写一个项目：需要在页面使用iframe来做登陆功能，本想使用parent.window.location.reload();刷新页面的，最后报错了“Blocked a frame with origin "https://my.xxxxxxx.com" from accessing a cross-origin frame”。 很明显这个报错就是跨域的问题，因为iframe遵循"同源策略"，所以在不同源的情况下是无法进行DOM操作的。因为我只是需要刷新父级的页面所以我使用了：parent.windo
Spring boot文件上传blocked a frame with origin "http://xxx" from accessing a cross-origin frame.
深蓝浅蓝的天
06-23 6万+
spring boot 上传文件，页面弹出提示：blocked a frame with origin “http://localhost:8080” from accessing a cross-origin frame. 在上传文件的过程中，前端报了这个错误，这个错误咋一看还还以为是AJAX提交数据跨域的问题，实则和跨域没有一毛线关系，这个提示是DOMException报出的提示，具体错
blocked a frame with origin "null" from accessing a cross-origin frame
彩色天的博客
01-24 5410
跨页面操作涉及域的概念（origin），错误的意思是：未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。代码运行时在本地直接用浏览器打开的，地址栏是file:///的页面，放置到服务器中即可
解决 Blocked a frame with origin “xxx“ from accessing a cross-origin frame
卡尔特斯
08-09 1万+
这是内嵌 iframe 页面使用 window.parent 或 top.xxxx 导致的，在 子页面，想传递给 父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题。 解决办法 1、父页面监听 message，写法固定 window.addEventListener('message', function (e) { console.log(e) }) 2、子页面发送 message 消息，并附带参数 // window.parent 是 iframe 子页面获取父页面的 window..
Uncaught DOMException: Blocked a frame with origin “null“ from accessing a cross-origin frame.
pinkCoderMonkey的博客
01-12 9836
谷歌翻译 问题描述：但我直接在本地运行前端页面并访问后端接口时，会出现阻止具有源"null"的框架访问跨域框架。 原因：Chrome 认为跨域不安全。 解决办法：跨页面操作涉及域的概念，错误的意思是：未捕获的安全错误：阻止了一个域为 null 的 frame 页面访问另一个域为 null 的页面。代码运行时在本地直接用浏览器打开的，地址栏是 file:/// 的页面，只需改为 localhost 访问就行。 我直接将前端静态页面资源扔到hbuider中并运行到浏览器Chrome中即可解决问题！
iframe跨端口报错 Blocked a frame with origin from accessing a cross-origin frame
weixin_34148508的博客
04-11 3524
前言在不同的端口号，甚至是不同的ip进行iframe嵌套的时候，在父页面调用子页面的方法的时候，报错 SecurityError: Blocked a frame with origin from accessing a cross-origin frame… 问题原因在不同端口号下，不能使用传统的iframe嵌套调用方法。 document.getElem...
iframe与父页面之间通讯跨域问题(from accessing a cross-origin frame.at HTMLIFrameElement.iframe.onload)
刺心的博客
10-11 8449
当我们想通过iframe中的内容自动改变iframe的高度时可能会想到使用load方法获取到iframe页面中的高度： <iframe name="web" width="100%" frameborder=0 height="0" src="http:xxx.com" id="web" onload="this.height=web.document.body.sc...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值