javascript - URLに関してWebページを制御できますか？

Question

別のURLでdivを表示/非表示にしたいと思います。URLに基​​づくDivの表示/非表示。

<div class="top">Top</div>
<div class="bottom">Bottom</div>

www.alldiv.comの場合は両方のdivが表示され、www.bottdiv.comの「topdiv」が非表示になる場合は表示されます。

誰かアドバイスしてもらえますか？

Answer 1

ホスト名を使用して行うことができます

jQuery

$(function() {
  var host = location.hostname;
  $(".top").toggle(host.indexOf("alldiv")!=-1); // only show on alldiv
});

プレーンJS

window.onload=function() {
  var host = location.hostname;
  var topDiv = document.getElementsByClassName("top");
  topDiv.style.display=host.indexOf("alldiv")!=-1)?"block":"none";
}

とはいえ、後で表示したい場合を除いて、非表示にしたい場合は、クライアントに送信するべきではありません。

Answer 2

$(function () {
  if(location.hostname == "www.alldiv.com") return;
  else if(location.hostname == "www.bottdiv.com") $(".top").hide();
})

最初にjQueryをインポートする限り、これでうまくいくはずです。