跨域问题 Uncaught DOMException: Blocked a frame with origin “null“ from accessing a cross-origin frame.

最新推荐文章于 2024-06-24 15:19:44 发布
最新推荐文章于 2024-06-24 15:19:44 发布
阅读量3.3k 收藏 1
点赞数 2
分类专栏： JS&jQuery 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40877709/article/details/107369748
版权

JS窗口移动遇到的错误，先上图
在这里插入图片描述
在使用Vscode写js时，当使用window.moveBy()方法移动创建的新窗口时报错，这是因为跨域问题，一个窗口想操作另一个窗口需要两个窗口同源。
同源策略也就是协议、ip地址、端口号完全一样才可以，而默认资源路径为在本机地址，并没有所谓的协议，ip地址和端口号。
解决办法：
vscode安装Live Server插件，
在这里插入图片描述
启动时用Open with live server
在这里插入图片描述

似水流年ysl
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iframe跨域问题
03-07
iframe跨域问题：Uncaught DOMException Blocked a frame with origin解决方法
Uncaught DOMException:
04-26
【标题】"Uncaught DOMException:" 是一个常见的JavaScript运行时错误，它表示在文档对象模型（DOM）操作中遇到了未捕获的异常。这个错误通常出现在尝试访问或修改不存在的DOM元素时。DOM是HTML和XML文档的编程接口...
Uncaught DOMException: Blocked a frame with origin 跨域问题解决方法
热门推荐
lzh6hao0的博客
06-13 12万+
最近写的项目需在弹出层中调用其它系统的页面，并获取选中的内容，但是遇到Uncaught DOMException: Blocked a frame with origin "url" from accessing a cross-origin frame.这个问题。 使用postMessage()方法可以解决跨域传值的问题，这里贴上posetMessage的API https://deve...
解决跨域Uncaught DOMException: Blocked a frame with origin ** from accessing a cross-origin frame问题
gusijin的博客
11-26 2万+
问题 iframe窗口修改元素，提示Uncaught DOMException: Blocked a frame with origin ** from accessing a cross-origin frame，无法修改 解决办法： 使用 postMessage() 方法用于安全地实现跨源通信 window.postMessage(message,targetOrigin) 方法是html5新引进的特性，可以使用它来向其它的window对象发送消息，无论这个window对象是属于同源或不同源，目前IE
Blocked a frame with origin “XXX“ from accessing a cross-origin frame.
最新发布
weixin_42097259的博客
06-24 314
父子通讯采用 addEventListener 与 postMessage。由于无法获取父页面属性，所有只能指明源地址为*这个是因为违反csp规定，具体介绍查看。
解决：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 是同源。这个方案也被称为“协议/主机/端口元组”，或者直接是“元组”。（“元组” 是指一组项目构成的整体，双重/三重/四重/五重/等的通用形式）。
Uncaught DOMException: Blocked a frame with origin “null“ from accessing a cross-origin frame.
pinkCoderMonkey的博客
01-12 9687
谷歌翻译 问题描述：但我直接在本地运行前端页面并访问后端接口时，会出现阻止具有源"null"的框架访问跨域框架。 原因：Chrome 认为跨域不安全。 解决办法：跨页面操作涉及域的概念，错误的意思是：未捕获的安全错误：阻止了一个域为 null 的 frame 页面访问另一个域为 null 的页面。代码运行时在本地直接用浏览器打开的，地址栏是 file:/// 的页面，只需改为 localhost 访问就行。 我直接将前端静态页面资源扔到hbuider中并运行到浏览器Chrome中即可解决问题！
Uncaught DOMException: Blocked a frame with origin “你的url“ from accessing a cross-origin frame.
橙-极纪元-cplvfx-JJY.Cheng
06-06 3179
Uncaught DOMException: Blocked a frame with origin "你的url" from accessing a cross-origin frame.父页面和子页面不是同一个域名,所以才会报这个错误；我的业务逻辑是“子页面”需要向“父页面”传递数据；
Uncaught DOMException: Blocked a frame with origin “null“ from accessing a cross-origin frame
Amory的博客
03-09 651
这里写自定义目录标题Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame Uncaught DOMException: Blocked a frame with origin “null” from accessing a cross-origin frame 一般是跨域所导致的，分享遇到的其中一种 是通过VSCode本地编写html页面，运行在浏览器 地址栏以file://
iframe跨域问题：Uncaught DOMException: Blocked a frame with origin解决方法
alize的博客
08-04 1万+
iframe跨域问题：Uncaught DOMException: Blocked a frame with origin解决方法
【运行错误】Uncaught DOMException: Blocked a frame with origin “null“ from accessing a cross-origin frame.
qq_27009517的博客
07-30 3789
代码 出现标题中所示问题的代码如下所示： <html> <head> <script> /*window.frames[]可以通过下标或名称访问单独的frame*/ window.onload=function(){ var h1=window.frames["header"];//.document.getElementsByTagName('h1'); alert(h1); } ..
Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
年三十的博客
09-17 6427
本地调试使用iframe报错，跨页面操作涉及域的概念（origin） Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame. 未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面 本地文件file:///打开会报这个错误，可以...
Referrer-Policy : strict-origin-when-cross-origin解决方案
06-05
随着Web技术的发展，跨域安全问题愈发突出，"Referrer-Policy : strict-origin-when-cross-origin"便是为了解决这一问题而提出的策略。本文将深入探讨这个策略的含义、作用以及如何在实际开发中应用。 一、Referrer...
cross-frame-searching:从父元素搜索跨域iframe
05-07
从父元素中搜索跨域框架。 如果iframe是从其他来源嵌入的，则无法从父级执行任何功能。 此示例展示了如何使用postMessage在所有iframe中搜索特定字词。 :warning: 确保您只接受来自受信任事件的消息。 该示例仅...
JS基础语法 求一组数中的最大值和最小值，以及所在位置
qq_40877709的博客
07-09 2368
var arr = [9, 2, 3, 15, 5]; function find() { var max = arr[0], min = arr[0]; var maxindex = 0; var minindex = 0; for (var i = 0; i < arr.length; i++) { if (arr[i] > max...
JS基础 将字符串数组用|或其他符号分割
qq_40877709的博客
07-09 2299
var arr = ["111", "222", "333", "444", "555", "666"]; var separate = "|"; var link = arr[0]; //为了去掉第一个元素前面线，先将其拿出来 for (var i = 1; i < arr.length; i++) { link += separate + arr[i]; } consol...
js onclick事件一闪而过解决
qq_40877709的博客
07-23 2291
js onclick事件一闪而过 原因是页面中onclick点击事件在a标签，a标签会刷新页面 两种解决办法： 1.在a标签href中加入 javascript:; 或者javascript:void(0); 2.在点击函数最后加 return false;
JS点击按钮实现图片的无缝滚动-纯JS实现
qq_40877709的博客
07-30 1636
js的无缝滚动有很多种，可以自动滚动，也可以手动点击滚动，这里介绍手动点击滚动。 为了方便演示这里代码中并没有用到图片。 实现思路： 首先要实现左右滚动，前提是一定空间下，元素显示不完需要滚动显示。 本例子首先外面的div设置为4个li的宽度，并将其设置为overflow: hidden;，防止子元素溢出。总共5，1，2，3，4，5.总共6个div，默认显示1，2，3，4，将div中的ul设置为绝对定位，left为一个负li的宽度，这样，无论向左滚动还是向右滚动都有元素备用。 如果向左滚动，先用定时器设置
Uncaught DOMException: Blocked a frame with origin "http://localhost" from accessing a cross-origin frame
06-13
这个错误是由于浏览器的同源策略（Same Origin Policy）导致的。同源策略是浏览器的一种安全机制，用于防止跨域攻击。 该错误通常发生在您的网页中嵌入了一个来自不同域名的框架，并且您的 JavaScript 试图访问该...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值