javascript - 如何从原始选项卡获取新打开的浏览器选项卡名称？

Question

我的代码是这样的，用于在同一浏览器中创建从一个选项卡到另一个选项卡的新选项卡。

function newTab()
{
    var form1 = document.createElement("form");
    form1.id = "newTab1"
    form1.method = "GET";
    form1.action = "domainname";  //My site address
    form1.target = "framename";   //Browser tab name
    document.body.appendChild(form1);
    form1.submit();
}

以上代码可以正确创建新选项卡。当单击“MyNewTab”链接主页时

<a href="javascript:newTab()" style=" margin-left:15px;" id="newTab"> MyNewTab </a>

我再次尝试将主页切换到新打开的选项卡。这次需要从主页切换到新标签页而不需要重新加载。但是这个新标签内容重新加载了。

如何通过单击“MyNewTab”链接获取选项卡名称并聚焦新打开的选项卡？

Answer 1

你需要在javascript cookie中设置当前选中的标签，并且总是在页面加载时读取这个cookie并设置标签

您可以在 newTab() 函数中设置 cookie:

function newTab()
{
    var form1 = document.createElement("form");
    form1.id = "newTab1"
    form1.method = "GET";
    form1.action = "domainname";  //My site address
    form1.target = "framename";   //Browser tab name

    $.cookie("currentTab", "framename");//set the selected tab name in cookie

    document.body.appendChild(form1);
    form1.submit();
}

然后，在页面加载事件中:

var tabName=$.cookie("currentTab")//get the current tab name from cookie.
if(tabName==null){
tabName="default tab name"//at first time the cookie will be null, 
//so you need to assign a default value if the cookie is null
}

//set this tab as selected