html - アンカーリンクを使用している場合にのみ表示されるWebページの非表示セクションを作成することは可能ですか？

Question

既存のWebページにセクションを追加したいのですが、ユーザーが特定のアンカーリンクを使用してURLを入力した場合にのみ表示されます。これは可能ですか？または、URLに特定のアンカーリンクがある場合、新しいページにリダイレクトすることは可能ですか？

score 0 · Accepted Answer

URLに特定のアンカーがある場合にリダイレクトするには：

var anchor = "#tag";
var url = "http://www.google.com";
if(window.location.indexOf(anchor) !== -1){
    window.location = url;
}

score 0 · Accepted Answer

多分これを試してみてください。非表示のセクションをに設定して開始し、display: none;jQueryを使用してURLのハッシュに基づいてセクションを再表示します。

CSS：

.hiddenDiv {
  display: none;
}

jQuery：

function showDiv() {
  if (window.location.hash === '#hashNecessaryToShowDiv') {
    $('.hiddenDiv').css('display', 'block');
  }
}
showDiv();

score 0 · Accepted Answer

JSを使用してもかまわないので、onhashchangeイベントを聞いて、特定のセクションを表示するかどうかを決定できます。

window.addEventListener("hashchange",function(){
  if(location.hash=="#trap") /*show section*/
},false);

IE 8が手元にないので、フィドルコードが実際にIE8で機能するかどうかはわかりません。

3 に答える 3