javascript - 如果访问页面不经过另一个页面则重定向

标签 javascript html

例如我有 3 页:

page1.html
page2.html
page3.html

如何阻止人们访问 page2 而无需先访问 page1
我希望访问此页面的唯一方法是传递到 page1 并单击链接。然后,我可以从 page2 访问 page3。谢谢!
如果有人尝试访问它,则会出现错误或重定向到 page1

最佳答案

您可以使用 cookie 来执行此操作。我不是最擅长 JavaScript,但这是我发现您可以修改的内容。

因此,您可以使用以下逐步过程来获得结果。这个例子来自w3schools

  1. 您需要在 page1.html 上设置 Cookie。

function setCookie(cname,cvalue,exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

  • 现在您需要获取并检查 cookie。
  • function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }
    
    function checkCookie() {
        var user=getCookie("username");
        if (user != "") {
            alert("Welcome again " + user);
        } else {
           user = prompt("Please enter your name:","");
           if (user != "" && user != null) {
               setCookie("username", user, 30);
           }
        }
    }

    希望这对您有帮助。这是完整的 JS 的 fiddle :https://jsfiddle.net/uv3joc2b/

    关于javascript - 如果访问页面不经过另一个页面则重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44712232/

    相关文章:

    javascript - 将 authorize.net 商家印章放在 augular js View 文件中

    javascript - 单击此子项中的链接添加关闭功能

    javascript - 使用 JS 显示计算的 HTML 输出

    html - 隐藏滚动条,但仍然可以滚动

    javascript - 如何从另一个 DOM 元素控制一个 DOM 元素的样式

    javascript - Uncaught Error : [$injector:modulerr] trying to inject $module

    javascript - 在javascript中做一个方程式?

    javascript - jquery 冲突 - 如何使用 jQuery.noConflict();

    php - CSS 未在 Laravel 5.2 中加载

    html - 如何设计适用于各种分辨率的网页