Question

这是我有一个文件HTMLPage1.html的场景。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>

        <style type="text/css">

            #UrduPara 
           {
                float: right;
           }
        </style>
    </head>

    <body>
        <div id="UrduPara">
              bla bla bla .....
        </div>

        <iframe src="HTMLPage2.html" width="1000" height="300"></iframe>

    </body>
</html>

第二个文件HTMLPage2.html的代码是：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <h1>HTMLPage2.html</h1>
        <script type="text/javascript">
            window.parent.document.getElementById("UrduPara").style.color = "green";
        </script>
    </body>
</html>

当我尝试在div中使用id的{{1}}更改UrduPara的颜色时。但它不起作用我得到了跟随错误。

Uncaught SecurityError：阻止了一个包含起源的帧＆＃34; null＆＃34;从访问具有原点＆＃34; null＆＃34;的帧。协议，域和端口必须匹配。 HTMLPage2.html：40

注意：我在测试时加载HTMLPage1.html，这是我希望它工作的方式。

Answer 1

阻止原点为“null”的帧访问原点为“null”的帧。

出于安全原因，限制文件系统中的HTML文档访问其他文件。

在HTTP服务器上托管您的文件。您可以在开发计算机上本地安装一个。

访问父窗口的div

1 个答案: