javascript - 提醒消息并重定向(或不重定向)

Question

假设我正在制作一个节日网站，如果您今天进入，您将看到 2010 年版，因为 2011 年版还没有完成，

我想让我的用户知道他们正在访问旧网站，他们将被重定向到 Facebook 页面(直到新网站完成)，

使用此代码我将重定向到我们的 Facebook 页面

<SCRIPT LANGUAGE='JavaScript'>
    window.alert('This is the old edition of our webiste. The new one will be avaliable soon. You would be redirected')
    window.location.href='http://facebook.com/ourfacebookpage';
    </SCRIPT>

但是我该怎么做才能让用户留下来呢？ (例如，取消/留在此处按钮)以便用户可以看到旧网站(但他知道这是旧网站)

非常感谢任何想法!

Answer 1

最简单的方法是使用window.confirm() .它类似于 alert() 但它有 2 个按钮:确定和取消。如果用户按下 OK，它返回 true；如果用户按下 Cancel，它返回 false。

<script>
    if (window.confirm('This is the old edition of our webiste. The new one will be avaliable soon. You would be redirected')) {
        window.location.href='http://facebook.com/ourfacebookpage';
    }
</script>

但是在页面加载时弹出确认窗口可能会让用户感到惊讶。您可以通过将消息放在您的页面上(带有指向您的 Facebook 页面的链接)而不是弹出警告/确认框，并使用另一个链接从页面中删除该消息(可能使用 JavaScript)来使其更加微妙。