Javascript 为什么不'；我的链接不能点击吗？

我正在制作一个程序，确定Twitchtv用户当前是否正在流媒体，并提供一个指向他们页面的链接。流媒体部分运行正常，但单击它们的名称后什么也没有发生。我可以看出这是一个有效的URL，因为如果你将超链接拖到一个空选项卡上，页面就会出现，但仍然无法单击。我真的很困惑，因为我做过类似的项目，链接可以点击而没有问题。代码如下，任何帮助都将不胜感激

HTML:

---

Twitch.tv发送

SAMEORIGIN

的

X-Frame-Options

标题值

因为CodePen/JSFiddle在iframe中显示测试代码，所以单击链接失败，因为它试图在同一iframe中加载链接。Twitch的服务器阻止它正常工作

---

这里的解决方案是a）将链接作为新窗口打开，或者b）在CodePen/JSFiddle之外进行开发。它与

str.link

无关，只需查看浏览器控制台即可进行调试，这应该是在JS中工作的第一步。

str.link是什么？你需要添加一个href…我在这里没有看到任何链接…我以为String.prototype.link来自黑暗的日子…你在哪里测试了这段代码？如果您在JSFIDLE上测试它（我在上测试过），它只会失败，因为HTML在一个框架内，Twitch会发送一个阻止框架的

X-frame-Options

标题。@单击链接后，请检查浏览器控制台。你会发现上面写着类似于

拒绝显示'https://www.twitch.tv/freecodecamp'在帧中，因为它将'X-frame-Options'设置为'SAMEORIGIN'。

。

<div>
    <section class='body'></section>
</div>

$(document).ready(function() {
    var members = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"],
        body1 = $('.body'),
        str = members[3],
        result = str.link("https://www.twitch.tv/" + str);
    $.getJSON('https://api.twitch.tv/kraken/streams/freecodecamp', function(data) {
        if (data.stream === null) {
            body1.append(result + ":" + "not currently streaming on Twitchtv.");
        }
        else body1.append(result + ":" + "currently streaming on Twitchtv.");
    });
})