はあなたが私が私の特定の問題を解決する助けてもらえ別のページから

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を使用します。

こちらがお役に立てば幸いです。