アンカータグにページを読み込む方法は？

ウェブページが読み込まれたときに最初に表示されるのは、アンカータグが最初に表示されるページの部分です。どうすればそのようにすることができますか？アンカータグにページを読み込む方法は？

可能ですか？

ありがとうございました。

2013-05-03 user2178586

javascriptを使用してください。

ソリューション1

ドキュメントが読み込まれると、あなたはヘッダで

<script type="text/javascript"> 
function load() 
{ 
window.location.hash="mylocation"; 
} 
</script>

ソリューション2

たい "ハッシュ" またはアンカーに行く：

を

<script type="text/javascript" language="javascript"> 
    function moveWindow(){window.location.hash="mylocation";} 
</script>

bodyタグで

：

<body onload="moveWindow()">

そして、あなたのアンカー：このような単純な

<a name="mylocation"></a>

出典

2013-05-03 21:58:41

ありがとうございます！例外がスローされた場合、ページ上の特定の場所に移動するためにTwig URLにアンカーを設定する方法が必要でした。できないので、bodyタグにtwig変数を置き、空の文字列に設定します。次に、例外がスローされた場合は、答え（window.location.hash = "foo"）に示されているように、文字列変数にjavascriptを取り込み、それをページのレンダリングに追加します：。 – paidforbychrist

何かがそれを

<body onload=' location.href="#myanchor" '> 
<a id='myanchor' href='#'>anchor text</a>

出典

2013-05-03 22:51:28 Vector

を行うだろうここでもう少しダイナミックだ2018年の更新です。

URLからアンカーを取り出し、そのアンカーにページを移動するには、ページの読み込み時にこのjavascriptを実行します。

if (window.location.href.indexOf('#') == 0) { 
    let hash = window.location.href.split('#')[1]; 
    let hashTop = document.querySelector(`#${hash}`).offsetTop; 
    window.scrollTop = hashTop; 
}

さらに簡潔な方法があります。

if (location.hash) { 
    let target = location.hash; 
    window.scrollTop = document.querySelector(target).offsetTop; 
}

あなただけvarにletキーワードを変更、バベルでES6をコンパイルしていない場合。これはワードプレスでも機能し、アンカーの前にURLにスラッシュが追加されます。

出典

2018-01-16 17:11:08

アンカータグにページを読み込む方法は？

答えて

関連する問題