Question

<html>
    <head>
        <script type="text/javascript">
            function show_confirm(){
                var r=confirm("Hello or Goodbye?");
                if (r==true){
                    alert("Hello");
                    window.location.replace("http://www.google.com/");
                } else {
                    alert("Goodbye");
                }
            }
        </script>
    </head>
    <body>
        <input type="button" onclick="show_confirm()" value="Show a confirm box" />
    </body>
</html>

我正在学习JavaScript，而且我正在使用W3School的Tryit编辑器，而且这段代码并没有像我希望的那样工作。我想让它在有人点击'确定'两次之后将我重定向到谷歌，但它似乎不起作用。有人可以帮助我吗？

Answer 1

问题是Try-It编辑器正在使用IFrame。当我在Chrome中试用它并打开我的开发者控制台时，我收到以下错误：

Refused to display document because display forbidden by X-Frame-Options.

这是因为你的代码尝试要做的是改变当前帧的位置，而不是整个页面的位置。

你可以做以下三件事之一：

在IFrame之外尝试使用HTML，然后你应该让它工作。
尝试使用window.top.location.replace("http://www.google.com/");代替window.location
如果您必须使用JavaScript更改iframe的位置，则必须在框架的外执行此操作，或确保它与父文档保持在同一个域中。（你会注意到window.location.replace("http://www.w3schools.com")工作正常。）

JavaScript重新加载页面脚本

1 个答案: