从不同的页面打开特定的选项卡

Question

您能帮我解决我的特定问题吗？我想创建一个链接从一个页面打开另一个特定的选项卡活动，只有JavaScript。

--------------------- PAGE 1 ---------------------

function chooseFloor(evt, oneFloor) { 
 
    var i, tabcontent, tablinks; 
 
    //Hide all elements with class tabcontent 
 
    tabcontent = document.getElementsByClassName('tabcontent'); 
 
    for (i = 0; i < tabcontent.length; i++){ 
 
    tabcontent[i].style.display = 'none'; 
 
    } 
 
\t 
 
    //Delete class form all active elements 
 
    tablinks = document.getElementsByClassName('tablinks'); 
 
    for (i = 0; i < tablinks.length; i++){ 
 
    tablinks[i].className = tablinks[i].className.replace(' active', ''); 
 
    } 
 
\t \t 
 
    // show tab 
 
    document.getElementById(oneFloor).style.display = 'block'; 
 
    evt.currentTarget.className += ' active'; \t 
 
}

<div class="tab"> 
 
    <a id="tab1" class="tablinks" onclick="chooseFloor(event, 'One')" href="#first" >One</a> 
 
    <a id="tab2" class="tablinks" onclick="chooseFloor(event, 'Two')" href="#second">Two</a> 
 
    <a id="tab3" class="tablinks" onclick="chooseFloor(event, 'Three')" href="#third">Three</a> 
 
    <a id="tab4" class="tablinks" onclick="chooseFloor(event, 'Four')" href="#fourth">Four</a> 
 
</div> 
 

 
<div class="container">  
 
    <div id="first" class="tabcontent">Content 1</div> 
 
    <div id="second" class="tabcontent">Content 2</div> 
 
    <div id="Third" class="tabcontent">Content 3</div> 
 
    <div id="fourth" class="tabcontent">Content 4</div> 
 
</div>

--------------------- PAGE 2 ---------------- -----

if (location.hash && ['#first', '#second', '#third', '#fourth'].indexOf(location.hash.toLowerCase()) > -1) { 
 
    //function for selecting right tab? 
 
}

<div><a href="index.html#first" >Button 1</a></div> 
 
<div><a href="index.html#second" >Button 2</a></div> 
 
<div><a href="index.html#third" >Button 3</a></div> 
 
<div><a href="index.html#fourth" >Button 4</a></div>

Answer 1

您可以使用sessionstorage来实现此目的，在第一页上使用setItem并在目标页面上进行getitem。

我希望这会有所帮助。