Question

我有一个应用程序，可以为用户创建HTML，以便在本地计算机上查看（不作为网站托管）。这个目前适用于IE＆amp; FireFox但Chrome不喜欢我使用相互交互的框架（所以当您点击某个项目时我会将新的html文件加载到内容框架中的导航框架）。 Chrome给了我不安全的javascript尝试 - 域名必须匹配等等所以我创建了一个小例子，其中所有必需的文件都在同一个目录中（并且应该在同一个域中？），但我仍然遇到问题。

我的示例代码在一个起始html页面中有2个iFrame，第一个iFrame有一个按钮，它将改变第二个iFrame的来源 - 相当直接。

我尝试过使用沙箱属性但这些没有帮助。

所以这是我的代码：

START.HTM

<body>
  <iframe id="fheader" src="NewHeader.htm" name="fheader" sandbox="allow-scripts allow-same-origin   allow-forms allow-top-navigation"></iframe>
  <iframe id="fbody" src="BodyLime.htm" name="fbody" sandbox="allow-scripts allow-same-origin allow-forms allow-top-navigation"></iframe>
</body>

header.htm

function myClick() {

   var myFrame = parent.document.getElementById("fbody");  

   myFrame.setAttribute("src", "BodyRed.htm");

}

<body style="background-color:Aqua">    
    <input id="Button1" onclick="myClick()" type="button" value="Change your neighbours colour"/>    
</body>

BodyRed.htm和BodyLime.htm只是简单的页面，背景颜色设置为显示代码是否有效。

我也尝试使用下面的代码访问框架，但是一旦我尝试访问框架的任何属性，我就会得到同样的错误：

  var myfbody = parent.fbody;

希望有人可以提供帮助。

不安全的javascript尝试访问本地文件上的帧

0 个答案: