Code

1.html

<html>
    <body>
        <div>
           <ul>
             <li style="float:left; margin:20px;"><a href="One.html" target="target">One</a></li>
             <li style="float:left; margin:30px;"><a href="Two.html" target="target">Two</a></li>
             <li style="float:left; margin:50px;"><a href="Three.html" target="target">Three</a></li>
           </ul>
           <iframe id="target"></iframe>
        </div>
    </body>
</html>

one.html

<html>
    <body onload="try{alert(parent.location.href);} catch(e){alert(e);}">
        1.html.
    </body>
</html>

But there is a problem showing the location of the parent-document. It's giving an alert message as follws:

SecurityError: Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.

Can anyone please explain the meaning of the terms used in the message in the context of this error or simply why this happend???

N.B.: No Server Used

回答1:

Chrome rather strictly assumes that there is no connection between local files.

On a Mac you can start Chrome from the terminal like this:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files

and it will work, but the best thing would be to use a webserver.

Can't Access Parent-document from Iframe

问题:

Code

1.html

one.html

N.B.: No Server Used

回答1:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮