<a href="#testtest">test</a>のページ内のリンクが動きません。リロードして別のページに飛んでしまいます。

<a href="#testtest">click</a>
もしくは、

<button onclick="window.location.href="#testtest";>click me</button>

リロードして、トップページの
https://teratail.com/page#testtest
に繊維してしまいます.

色々と試したのですが、なかなかうまくいかない為、
javascriptで window.location.href; でリンクを取得して、<a href>　もしくは、onclickのイベントでid(#)を追加してリンクさせたいのですが、どのような方法がいいでしょうか？

cerfweb

2019/03/12 10:56

<a href="#testtest">click</a>をクリックしてもリロードされるという意味でしょうか？或いはクリックすると単に画面の一番上に行くということですか？

mktz

2019/03/12 11:27

クリックすると、リロードして、画面の一番上に行きます。

cerfweb

2019/03/12 11:33

HTMLの表記と読み込んでいるjsファイルを追記していただけますか。

mktz

2019/03/12 11:36

JSで全て読み込んでます。 JS file >> document.querySelector('.cart__block--bottom' ).insertAdjacentHTML('afterbegin', '<button onclick="window.location.hash='usp'";>click</button>');

cerfweb

2019/03/12 13:31

アンカーへの移動はyambejpさんが回答欄に書かれている通りですが、それが期待通りに動かないとなると、原因はhtmlかjsのどこかにあるとしか思えません。しかし提示されている情報が少な過ぎるので、これでは判断がつきません。 Jsファイルに書かれているのはそのコードだけですか？

x_x

2019/03/13 04:25

再現するコードを載せてください

行動規範の内容に同意します

回答1件

buttonの書き方はおかしいですがアンカーは遷移しないで移動すると思いますが？
またページ内移動であればhash

javascript
1<a href="#testtest">click</a>
2<button onclick="window.location.href='#testtest'";>click me</button>
3<button onclick="window.location.hash='testtest'";>click me</button>
4<div id="testtest">testtest</div>