window.location.href 重定向到空白页

Question

我正在构建一个如下所示的网站 (http://brandonbarber.co/)。

我有以下代码用于检测对 linkedin div 的点击，然后它会重定向。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("#linkedin").click(function(){
            window.location.href = "https://www.linkedin.com/in/brandon-barber-79043593/";
            return false;
        });
    });
</script>
<body>
<div id="banner">
<div class="menubutton" id="home">Home</div>
<div class="menubutton" id="circuitry">Circuitry</div>
<div class="menubutton" id="programming">Programming</div>
<div class="menubutton" id="Whosebug">Whosebug</div>
<div class="menubutton" id="linkedin">Linkin</div>
</div>

但是当我点击 div 时，它会重定向到一个空白页面。

我错过了什么？

Answer 1

这实际上是合法代码。

我完全按照我的服务器上的原样复制了它，它有效！

http://lespointscom.com/a/misc/demo/2016_06_18/jquery.html

也许您的互联网连接...

nnnnnn 说的对，是你的相框！

来自 Mozilla：

X-Frame-Options 拒绝加载：https://www.linkedin.com/in/brandon-barber-79043593/ 不允许跨源框架。

Answer 2

出现此问题是因为您的整个站点由 frames/iframes 组成，因此当您使用 window.location.href = "https://www.linkedin.com/in/brandon-barber-79043593/" 时，您将提示浏览器打开该页面来源不允许的 iframe，在本例中为 linkedin。 Refused to display 'https://www.linkedin.com/in/brandon-barber-79043593/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

要解决此问题，您需要使用 window.open 而不是 window.location，例如： window.open('https://www.linkedin.com/in/brandon-barber-79043593/', '_blank');

附带说明一下，我建议不要对页面的源内容进行 iframe，而是为您的域设置一个指向您 IP 的 CNAME，因为 IP 同时暴露在 DOM.

window.location.href 重定向到空白页

window.location.href redirects to blank page

html

javascript

jquery

redirect

window.location