Javascript 创建具有永久选项卡的网页_Javascript_Php_Jquery_Html_Tabs

Javascript 创建具有永久选项卡的网页

javascript php jquery html tabs

Javascript 创建具有永久选项卡的网页,javascript,php,jquery,html,tabs,Javascript,Php,Jquery,Html,Tabs,我正在尝试创建一个在同一页上有多个选项卡的网页。我需要这些选项卡通过刷新来保持，并且能够将用户重定向到具有特定选项卡的页面。目前，我只是对每个选项卡使用JavaScript和不同的div，隐藏所有选项卡，然后显示所选的选项卡。但是，在刷新或指向页面时，第一个选项卡始终是打开的选项卡我看到过使用以下格式的选项卡的页面URL：如果这是一种可以接受的持续禁忌化网页的方法，那么如何做到这一点呢？如果这只是我的一个不正确的观察，我该如何制作这些持久化标签呢？你可以使用一个在body标签中调用的函数，

我正在尝试创建一个在同一页上有多个选项卡的网页。我需要这些选项卡通过刷新来保持，并且能够将用户重定向到具有特定选项卡的页面。目前，我只是对每个选项卡使用JavaScript和不同的div，隐藏所有选项卡，然后显示所选的选项卡。但是，在刷新或指向页面时，第一个选项卡始终是打开的选项卡

我看到过使用以下格式的选项卡的页面URL：

如果这是一种可以接受的持续禁忌化网页的方法，那么如何做到这一点呢？如果这只是我的一个不正确的观察，我该如何制作这些持久化标签呢？

你可以使用一个在body标签中调用的函数，比如

<body onload="Javascript:checkTab();">

您可以使用在body标记中调用的函数，例如

<body onload="Javascript:checkTab();">

有许多框架提供这种基于“哈希”的导航，或者您可以使用jQuery hashchange插件或者使用Backbone.js Router类自己实现一些东西

您甚至可以自己实现一些功能：

var myTabClicked = function() {
    // display mytab
};

$('.mytab').bind('click', myTabClicked);

$(function() {
    if (window.location.hash == "#mytab") {
        myTabClicked();
    } else {
        // display default tab unless already displayed by default
    }
});

有许多框架提供这种基于“哈希”的导航，或者您可以使用jQuery hashchange插件或者使用Backbone.js Router类自己实现一些东西

您甚至可以自己实现一些功能：

var myTabClicked = function() {
    // display mytab
};

$('.mytab').bind('click', myTabClicked);

$(function() {
    if (window.location.hash == "#mytab") {
        myTabClicked();
    } else {
        // display default tab unless already displayed by default
    }
});

谢谢，我现在就来实施！谢谢，我现在就来实施！JavaScript cookies呢？JavaScript cookies呢？