页面工作在iFrame之外,但不是在iFrame中

Page works outside of iFrame, but not in an iFrame

本文关键字:iFrame 之外 工作      更新时间:2023-09-26

我们有一个使用Knockout和jQuery输入蒙版的表单。如果我们直接加载页面(强制使用SSL),页面就会像我们预期的那样工作。如果我们在iFrame中加载页面(父页面非SSL, iFrame页面强制SSL),我们不会得到任何脚本错误,但脚本将无法工作(输入电话号码和日期的掩码/添加第二个按钮)。

这是我们的测试页面与iFrame: http://www.mankatomn.gov/city-services-a-z/sandbox和这里是iFrame页面:https://city.mankatomn.gov/animalregistration。我打开的每个搜索都谈到在父页面中运行JavaScript或让父页面访问iFrame页面。我不关心这个。我只是希望iFrame页面独立运行。

你知道是怎么回事吗?如果你想知道为什么我们这样做,我们的CMS不支持这样的自定义表单,所以我们必须创建和本地托管这个表单。

尝试从同一子域加载iframe。现在我在Chrome中得到这个消息:

Uncaught SecurityError: Blocked a frame with origin"https://city.mankatomn.gov"访问具有origin的帧"http://www.mankatomn.gov"。请求访问的帧有协议为"https"时,被访问的帧的协议为"http"。协议必须匹配。