Javascript 使用<;打开特定选项卡;a href>;并保存到本地存储

Javascript 使用<;打开特定选项卡;a href>;并保存到本地存储,javascript,Javascript,我有一个表,其当前值存储在localStorage(请参阅)。如何在中设置链接以打开所需表格,例如按顺序第二个表格 例如:我在主页上,单击会将我重定向到列表页面,在该页面上打开“教师”选项卡,该选项也会保存到localStorage(也就是说,当刷新列表页面时,“教师”选项卡保持打开状态) 谢谢大家! 如果我理解正确,您希望创建一个指向HTML页面的链接,在该页面上,可以选择当前选项卡的各种选项,并且您希望,当有人单击特定链接时,该选项卡已经打开 我说得对吗 如果是这样,那么让我们做下面的事情

我有一个表,其当前值存储在
localStorage
(请参阅)。如何在
中设置链接以打开所需表格,例如按顺序第二个表格

例如:我在主页上,单击
会将我重定向到列表页面,在该页面上打开“教师”选项卡,该选项也会保存到
localStorage
(也就是说,当刷新列表页面时,“教师”选项卡保持打开状态)


谢谢大家!

如果我理解正确,您希望创建一个指向HTML页面的链接,在该页面上,可以选择当前选项卡的各种选项,并且您希望,当有人单击特定链接时,该选项卡已经打开

我说得对吗

如果是这样,那么让我们做下面的事情

如果在基于
localStorage
加载页面时设置该值,则根据定义,它将只打开上次打开的页面

所以问题是,如何使特定链接只打开一个选项卡,而另一个链接打开另一个选项卡?从您的示例中可以看出,您需要指向“学生”选项卡的链接和指向“教师”选项卡的单独链接

要使用客户端JavaScript实现这一点,您可以使用窗口位置,并使用JavaScript读取它,然后根据哈希值执行相应的函数

假设您有一些URL,比如,它会将您带到一个默认选项卡。然后,如果您想要一个指向非默认选项卡的链接,只需在URL的末尾添加一个“#”符号,然后您就可以用JavaScript通过
location.hash

因此,新的URL可能看起来像:,然后在使用JavaScript的页面中的某个地方,执行以下操作:

var page = location.hash //== "#teacher"
    activateTab(page.replace("#", "")); //activates "teacher" tab, assuming that function would do something, but you get the idea

如果我理解正确,您希望创建一个指向HTML页面的链接,在该页面上,当前选项卡有各种选项可供选择,并且您希望,当有人单击特定链接时,该选项卡已经打开

我说得对吗

如果是这样,那么让我们做下面的事情

如果在基于
localStorage
加载页面时设置该值,则根据定义,它将只打开上次打开的页面

所以问题是,如何使特定链接只打开一个选项卡,而另一个链接打开另一个选项卡?从您的示例中可以看出,您需要指向“学生”选项卡的链接和指向“教师”选项卡的单独链接

要使用客户端JavaScript实现这一点,您可以使用窗口位置,并使用JavaScript读取它,然后根据哈希值执行相应的函数

假设您有一些URL,比如,它会将您带到一个默认选项卡。然后,如果您想要一个指向非默认选项卡的链接,只需在URL的末尾添加一个“#”符号,然后您就可以用JavaScript通过
location.hash

因此,新的URL可能看起来像:,然后在使用JavaScript的页面中的某个地方,执行以下操作:

var page = location.hash //== "#teacher"
    activateTab(page.replace("#", "")); //activates "teacher" tab, assuming that function would do something, but you get the idea