Javascript 什么'；根据if/if-else语句显示popover是一种简单的方法吗？

我正在我的网站上使用javascript，见下面的链接。它确定用户是否为1。已允许我们的Facebook应用程序并已登录，2。不允许我们的应用程序，但已登录到Facebook或3。没有登录到Facebook

我想要一个弹出窗口显示在我网站的一些内容上（可能是600px x 400px或其他），这样它就可以充当某种内容拦截器，告诉他们需要登录。在他们允许应用程序后，弹出窗口将消失

我的问题是这个。如何在else if和if语句中对弹出窗口进行编码？我可以做一些简单的事情，比如document.write（在我的代码中可以看到），但是如何在我的内容上显示一个弹出窗口呢？有没有一种方法可以方便地从这些语句中引用其他html和javascript？我甚至尝试过使用一个图层，但它没有在我的内容上分层，而是将图层显示为一个新页面，而没有显示页面的内容

我的目标是在内容上显示一个弹出窗口，这样用户就可以看到它背后确实有内容，从而更容易说服他们允许应用程序，这样他们就可以看到所有内容

FB.getLoginStatus(function(response) {
  if (response.status === 'connected') {
  document.write("<h1>Looks like you're logged into Facebook and our app :)</h1>  ");
    // the user is logged in and connected to your
    // app, and response.authResponse supplies
    // the user’s ID, a valid access token, a signed
    // request, and the time the access token 
    // and signed request each expire
    var uid = response.authResponse.userID;
    var accessToken = response.authResponse.accessToken;
  } else if (response.status === 'not_authorized') {
  document.write("<h1>Logged in but haven't allowed our app</h1>  ");
    // the user is logged in to Facebook, 
    //but not connected to the app
  } else {
  document.write("<h1>Not logged in</h1>");
    // the user isn't even logged in to Facebook.
  }
});

FB.getLoginStatus（函数（响应）{
如果（response.status===“已连接”）{
document.write（“看起来你已经登录了Facebook和我们的应用：）”；
//用户已登录并连接到您的
//app和response.authResponse提供
//用户ID、有效访问令牌、签名
//请求，以及访问令牌的时间
//和签名的请求都将过期
var uid=response.authResponse.userID；
var accessToken=response.authResponse.accessToken；
}else if（response.status===“未授权”）{
document.write（“已登录但未允许我们的应用程序”）；
//用户已登录到Facebook，
//但未连接到应用程序
}否则{
文件。写入（“未登录”）；
//该用户甚至没有登录到Facebook。
}
});

---

您只需使用CSS就可以轻松做到这一点。在

主体

级别创建一个div，并设置为

位置：绝对

宽度和高度100%，另一个内部div作为带有您自己尺寸的警报消息。然后，您可以通过JavaScript中的一个简单的

display:none

或

display:block

来显示或隐藏自定义消息

---

演示：

非常感谢您，@elclanrs！那么，这是我唯一可以放在else语句中的代码，其余的放在常规的body标记中吗 警报

Mmm…检查此链接，分析代码并尝试了解其原因和工作方式，然后您将能够知道所有内容的去向以及如何将其组合在一起。顺便说一句，我使用jQuery，只是为了简单起见，但是您可以使用vanilla JS并分别设置

display:none

或

display:block

，这相当于jQuery的

hide

和

show

，再次感谢您！你不知道我有多感激：）仍然在想我可以在if-else语句中输入什么代码，还有什么可以省略。嘿@elclanrs，我仍然有麻烦。我已经成功地实现了你的代码，但是如果我把div放在else语句中，它只会把我带到一个空白的白页。但是，如果我将div放在Facebook Javascript代码之外，弹出窗口就可以正常工作。有什么想法吗？