可以跨域获取iframe的url吗?

2024-03-14

如果是跨域 iframe,如何在页面加载时获取 iframe 的当前 url?

背景 - 我正在尝试在我的网站上启用 SSL。但是,我的用户需要能够通过 iframe 加载任何 url。如果他们尝试使用 http 协议加载 iframe,它将拒绝加载,因为父页面是 https。

我想自动检测 iframe 是否是 http - 如果是,则将父页面重定向到 http。但是,使用我尝试过的任何方法,访问时都会出现 CORS 错误。

这是我的 iframe:

<iframe id="myframe" src='https://apple.com' onload="this.contentWindow.parent.postMessage(this.contentWindow.document.location.protocol, parent.document.location);" width="800" height="600">
</iframe>

这是我的事件监听器:

window.addEventListener("message", receiveMessage, false);
function receiveMessage(event) {
  console.log(event.data)
}

我能够接收纯字符串作为消息,但无法接收协议。我使用 window.postMessage() 的结果是 CORS 错误,我认为这应该允许跨域通信。


不可能,出于安全原因,您无法访问其他域/主机/端口内容或 iframe 的 src url

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

可以跨域获取iframe的url吗? 的相关文章

  • Visual Studio IDE 中功能后的空间

    如何设置 Visual Studio 中的设计以在我的 javascript 函数后面放置一个空格 目前 当我按下返回键时 我得到了这个 var myfunc function 当我想要这个的时候 var myfunc function 知
  • Chrome 内存/垃圾收集问题

    我在使用 Chrome 时遇到内存 垃圾收集问题 我正在开发一个照片上传网站 该网站允许我的客户使用 HTML5 和文件 API 拖放照片进行上传 因此这在 IE 中不起作用 它仅适用于 Chrome 和 FF 我还没有在 Safari O
  • Vue Draggable - 如何仅替换所选项目以防止移动网格上的所有其他项目?

    这是一个要测试的示例 https codesandbox io s j4vn761455 file src App vue 112 116 https codesandbox io s j4vn761455 file src App vue
  • 禁用整个站点的 IE8 加速器

    是的 我知道有类似的问题 https stackoverflow com questions 499565 is it possible to disable ie8 accelerators on my website在 SO 上 但它已
  • 如何在启用导航栏的情况下打开新的浏览器窗口?

    我有这个JS方法 function OpenLink strDestination var features left 10 top 10 location 0 menubar 0 resizable 0 scrollbars 1 stat
  • FormData 中的 Blob 为 null

    我正在尝试通过远程 API 通过 ajax 在 android 中发送创建的照片 我在用着相机图片背景 https github com an rahulpandey cordova plugin camerapicturebackgrou
  • 使用 Javascript eval() 100% 安全吗?

    我正在编写一个生成 Javascript 代码的 PHP 库 Javascript 代码有许多名为component001 component002 etc 页面通过 AJAX 动态加载 我需要通过 URL 变量传递组件的名称 然后由脚本进
  • 将数组中的所有元素相乘

    我在这里找不到我真正想要的例子 我想将所有数组元素相乘 因此如果数组包含 1 2 3 总和将为 123 6 到目前为止 我已经得到了这段代码 但它返回未定义 function multiply array var sum 1 for var
  • 添加选项以选择框而不用 Internet Explorer 关闭该框?

    我正在尝试构建一个包含多个下拉选择框的网页 这些下拉选择框在首次打开时异步加载其选项 这在 Firefox 下工作得很好 但在 Internet Explorer 下则不然 下面是我想要实现的目标的一个小例子 基本上 有一个选择框 ID 为
  • 使用 javascript 调整图像大小以在画布 createPattern 中使用

    我见过一些关于如何调整图像大小的技巧 在 IMG 标签内使用 但我想在里面有一个图像变量 一个 Javascript 调整它的大小 然后使用 a 中的图像 context createPattern 图像 重复 我还没有找到任何提示 关于如
  • CSS:如何在模糊的背景上剪切文本?

    我想重新创建以下样式 我想出了以下内容 问题是剪切不会影响模糊滤镜 我不知道如何解决它 这是我的 HTML 代码 glass width 40 height 100 position absolute background rgba 255
  • 如何上传文件 - sails.js

    我可以下载图像和 pdf 但无法下载文档文件 doc pptx odt 下载文档 doc pptx odt 时 仅将其下载为 ZIP XML 文件 我可以做什么 我在用着 填写上传文件文档 https github com balderda
  • D3.js - 具有多个环的圆环图

    以下示例显示了 D3 js 中的圆环图 是否可以向图表添加多个圆环 var dataset apples 53245 28479 19697 24037 40245 var width 460 height 300 radius Math
  • 不可见的 reCAPTCHA - 缺少必需的参数:sitekey

    我正在为每个带有具有类的按钮的表单动态加载不可见的 reCAPTCHAg recaptcha 我遇到的问题是验证码未正确加载 我不知道为什么 我按照验证码网站上的文档进行操作 但我不确定如何以及为什么会出现此错误 Uncaught Erro
  • div 之间的额外空间从何而来?

    http www lethalmonk6 byethost24 com index html http www lethalmonk6 byethost24 com index html 如果您使用 firebug 检查 项目链接 div
  • 在多个数组中搜索字符串,然后设置 var - jQuery

    我正在寻找基于字符串存在于哪个数组中设置一个变量 例如 var primary red blue yellow var secondary orange purple green 然后检查 purple 并返回它在 secondary 数组
  • 简单的颜色变化

    我正在创建一个用户界面 用户可以在其中更改页面的颜色值 我想要的是获取分配给其背景颜色的值并将其变亮一定程度 我只是想获得一条亮点线 而不必每次都制作新图像 示例 用户将背景颜色设置为 ECECEC 现在我希望某个元素边框变成 F4F4F4
  • 如何仅突出显示嵌套表的最里面的表行?

    我有几个嵌套表 我想突出显示鼠标指针下方的最里面的行 我怎样才能做到这一点 一些提示 我使用嵌套表来显示递归表格数据 表可以嵌套 10 层 嵌套正如您所期望的那样 table tr td table tr td table tr td 可能
  • 无法从 JSON 请求获取数据,尽管我知道它已返回

    我试图获取从 getJSON 返回的数据 但我无法让它工作 我已经在 search twitter API 上尝试了相同的代码 效果很好 但它不适用于其他网站 我知道数据已返回 因为我在使用检查器时可以找到它 我通过检查器找到的值是 id
  • 背景大小:封面在视网膜显示屏上看起来像素化

    可以看到我正在开发的网站here http ourcityourstory com dev 如果你查看 iPad 3 或 iPhone 4 上的 关于 或 联系 部分 背景看起来全都是疯狂的像素化 我有background size set

随机推荐

  • Firebase 登录的授权错误列表

    我需要的是所有不同登录错误的 FirebaseAuthentication 代码的完整列表以及所有这些错误的列表 到目前为止 我已经通过反复试验找到了一些 但不能冒错过一些的风险 我正在使用 Firebase 简单登录 通过电子邮件 密码
  • 将自定义函数绑定到原型中的 DOM 事件?

    Jquery 有一个很棒的语言结构 如下所示 document ready function a click function alert Hello world 正如您可能猜到的那样 一旦文档加载完毕 就会将自定义函数绑定到所有文档的 o
  • Fabric.js - 从画布 API 的 ImageData 对象创建 Image 对象

    我想在 Fabric js 中创建一个图像对象ImageData对象 我们可以从中获取 ImageData var imgData ctx getImageData 10 10 50 50 ctx putImageData imgData
  • Javascript,正则表达式 - 我需要获取括号中包含的字符串的每个部分

    这是我需要的 我想顺序一定是正确的 需要提取并存储方括号中包含的字符串的每个部分的内容 每个部分都必须跟在原始字符串的其余部分之后 并且返回没有它们的原始字符串 如果在给定提取部分的开头有一个可识别的字符串 后跟一个冒号 那么我需要识别并删
  • React检测iframe的src的变化

    我有一个iframe我的组件中的元素 我需要以某种方式检测该 iframe 的 URL 何时发生变化 到目前为止我已经尝试过 Added onLoad回调 但这不会在我每次在 iframe 中重定向时触发 Used React useCal
  • 如何使用 Twilio 解决 java.lang.NoClassDefFoundError UserAgentConfig$Callbacks

    我正在使用 Twilio Client Android sdk 但在尝试运行它时失败并出现此错误 Caused by java lang NoClassDefFoundError Class Lcom twilio client impl
  • 如何在 PHP 的自定义函数中添加可选参数?

    例如 这是一个总结它的快速虚拟函数 function dummy func optional if isset optional optional World output Hello optional return output 但是 如
  • 处理 Android 5.0 Lollipop 中的媒体按钮

    在 API 21 之前 我使用的是这样的调用audioManager registerMediaButtonEventReceiver receiver 当用户按下耳机上的按钮时处理媒体按钮事件 从 API 21 开始 似乎MediaSes
  • 确定对象是否是数组的最佳方法是什么

    据我所知 有三种方法可以判断一个对象是否是数组 by isArray功能 如果已实现 Array isArray by toString Object prototype toString apply obj object Array an
  • C# - 将变量传递给 Matlab

    典型的谷歌搜索结果是空的 我呼吁你们的伟大思想 如何将变量从我正在编写的 C 类传递到 Matlab 我通过 NET addAssembly 函数与其交互 我应该在 C 代码中引用 dll 文件吗 如果是的话 它在哪里 是否有一些文档和示例
  • 访问 getSymbols 返回的奇数名称对象

    我正在使用雅虎下载数据quantmod gt getSymbols HNZ A TO 1 HNZ A TO Warning message In download file paste yahoo URL s Symbols name a
  • max_length、填充和截断参数在 HuggingFace 的 BertTokenizerFast.from_pretrained('bert-base-uncased') 中如何工作?

    我正在处理文本分类问题 我想使用 BERT 模型作为基础 然后使用密集层 我想知道这 3 个参数是如何工作的 例如 如果我有 3 个句子 My name is slim shade and I am an aspiring AI Engin
  • 如何将列表列表转换为数据框 - 不相同列表

    我有一个列表 其中每个元素都是命名列表 但元素在各处并不相同 我已阅读有关如何将列表列表转换为数据帧的解决方案here https stackoverflow com questions 4512465 what is the most e
  • 鼠标悬停时更改画布中的颜色线

    我在画布上有一些线条 我希望当鼠标悬停在该行上时 每行都会改变颜色 但我对此问题有一些问题 有没有JS库可以帮我解决这个问题 你能帮助我吗 谢谢 var canvas document getElementById myCanvas var
  • 使用 AsyncTask 填充 ListView

    这可能不是很优雅 但我想做的是连接到 Web 服务 获取 JSON 解析它 从中创建一个对象 将该对象添加到 ArrayList 然后使用该 ArrayList 来填充我的列表显示 我正在尝试使用 AsyncTask 来完成所有这一切 摘要
  • CSS3显示:表格,溢出-y:滚动不起作用

    我有一个需要垂直滚动的数据表 看来如果你的display值为table 您不能设置height or 最大高度 所以溢出 y 滚动什么也没做 带表格的 Codepen http codepen io anon pen MYZJdE fake
  • 使用pivot_longer整理数据集:将多列分成两列

    我大家 我目前正在学习 R 并尝试使用 tidyverse 包中的pivot longer 整理数据集 我有这个小事 title actor 1 actor 2 actor 3 actor 1 FB likes actor 2 FB lik
  • Eclipse 中的 XML 验证和自动完成

    在android SDK中 当我编辑android布局xml文件时 它可以进行验证和自动完成 这是如何运作的 如何使用我自己定义的 xml 格式使 eclipse 验证并自动完成 Eclipse 可用于编辑和验证 XML 文件 我在 Ecl
  • 如何延迟谷歌自动完成功能以节省信用

    正如你所知 每次我们输入谷歌地图自动完成功能都会触发 我想为此设置一个延迟函数 例如250毫秒 这样可以给用户更多的时间来输入并节省积分 我尝试添加 timeout 但看起来它对我不起作用 请您帮我看看这个好吗 提前致谢 网页
  • 可以跨域获取iframe的url吗?

    如果是跨域 iframe 如何在页面加载时获取 iframe 的当前 url 背景 我正在尝试在我的网站上启用 SSL 但是 我的用户需要能够通过 iframe 加载任何 url 如果他们尝试使用 http 协议加载 iframe 它将拒绝