別ページリンクの際のコンテンツの有効タブの選択

Question

リンクをクリックし別ページに移動する際に、別ページでのコンテンツを指定して表示したいです。
現状、ページAとページBに分かれています。
このようなことは可能でしょうか？

ページA

ボタン１(リンク)→クリックするとページB：製品情報１(tab)が有効
ボタン２(リンク)→クリックするとページB：製品情報２(tab)が有効
ボタン３(リンク)→クリックするとページB：製品情報３(tab)が有効

<div class="button">
　　<a href="#" class="button-a">
　　　　ボタン1
　　</a>
    <a href="#" class="button-a">
　　　　ボタン2
　　</a>
    <a href="#" class="button-a">
　　　　ボタン3
　　</a>
</div>

ページB

製品情報１(tab)
製品情報２(tab)
製品情報３(tab)

※タブクリックでコンテンツの表示・非表示の切り替えの選択行っています。

<div id="sampleButton">
    <input type="radio" id="radio1" name="radio" onclick="funcRed()" /><label for="radio1"  class="botton1">製品情報１</label>
    <input type="radio" id="radio2" name="radio" onclick="funcGreen()" /><label for="radio2"  class="botton2">製品情報２</label>
    <input type="radio" id="radio3" name="radio" onclick="funcBlue()" /><label for="radio3"  class="botton3">製品情報３</label>
</div>

<div class-"contents">
  <div id="pg-263-1">...</div>
  <div id="pg-263-2">...</div>
  <div id="pg-263-3">...</div>
  <div id="pg-263-4">...</div>
  <div id="pg-263-5">...</div>
  <div id="pg-263-6">...</div>
  <div id="pg-263-7">...</div>
  <div id="pg-263-8">...</div>
  <div id="pg-263-9">...</div>
  <div id="pg-263-10">...</div>
  <div id="pg-263-11">...</div>
  <div id="pg-263-12">...</div>
  <div id="pg-263-13">...</div>
  <div id="pg-263-14">...</div>
  <div id="pg-263-15">...</div>
</div>

<script type="text/javascript">

window.onload = function () {
    document.getElementById( "radio1" ).click();
}
function funcRed() {
    document.getElementById("pg-263-1").style.display = "block";
           document.getElementById("pg-263-2").style.display = "block";
		   document.getElementById("pg-263-3").style.display = "block";
		   document.getElementById("pg-263-4").style.display = "block";
		   document.getElementById("pg-263-5").style.display = "block";
		   document.getElementById("pg-263-6").style.display = "none";
           document.getElementById("pg-263-7").style.display = "none";
           document.getElementById("pg-263-8").style.display = "none";
		   document.getElementById("pg-263-9").style.display = "none";
		   document.getElementById("pg-263-10").style.display = "none";
		   document.getElementById("pg-263-11").style.display = "none";
		   document.getElementById("pg-263-12").style.display = "none";
           document.getElementById("pg-263-13").style.display = "none";
		   document.getElementById("pg-263-14").style.display = "none";
		   document.getElementById("pg-263-15").style.display = "none";
}
function funcGreen() {
    document.getElementById("pg-263-1").style.display = "none";
           document.getElementById("pg-263-2").style.display = "none";
		   document.getElementById("pg-263-3").style.display = "none";
		   document.getElementById("pg-263-4").style.display = "none";
		   document.getElementById("pg-263-5").style.display = "none";
		   document.getElementById("pg-263-6").style.display = "block";
           document.getElementById("pg-263-7").style.display = "block";
           document.getElementById("pg-263-8").style.display = "block";
		   document.getElementById("pg-263-9").style.display = "block";
		   document.getElementById("pg-263-10").style.display = "block";
		   document.getElementById("pg-263-11").style.display = "none";
		   document.getElementById("pg-263-12").style.display = "none";
           document.getElementById("pg-263-13").style.display = "none";
		   document.getElementById("pg-263-14").style.display = "none";
		   document.getElementById("pg-263-15").style.display = "none";
}
function funcBlue() {
    document.getElementById("pg-263-1").style.display = "none";
           document.getElementById("pg-263-2").style.display = "none";
		   document.getElementById("pg-263-3").style.display = "none";
		   document.getElementById("pg-263-4").style.display = "none";
		   document.getElementById("pg-263-5").style.display = "none";
		   document.getElementById("pg-263-6").style.display = "none";
		   document.getElementById("pg-263-6").style.display = "none";
           document.getElementById("pg-263-7").style.display = "none";
           document.getElementById("pg-263-8").style.display = "none";
		   document.getElementById("pg-263-9").style.display = "none";
		   document.getElementById("pg-263-10").style.display = "none";
		   document.getElementById("pg-263-11").style.display = "block";
		   document.getElementById("pg-263-12").style.display = "block";
           document.getElementById("pg-263-13").style.display = "block";
		   document.getElementById("pg-263-14").style.display = "block";
		   document.getElementById("pg-263-15").style.display = "block";
}
</script>

Answer 1

このあたりで処理すれば出来ると思います。

【JavaScriptでURLのパラメータやアンカーを判断して処理を変更する方法 ｜ Tips Note by TAM】
https://www.tam-tam.co.jp/tipsnote/javascript/post9911.html