アンカー付URLを自動更新する方法を教えて下さい。

Question

dy7

21

21もっと見る

200pt

インターネット

アンカー付URLを自動更新する方法を教えて下さい。

「http://hoge.com/fuga.html#piyo」のようなアンカー付URLのページを定期的に自動更新（30秒毎など）させたいと思っています。

metaタグのrefreshで更新させると、IEではアンカーが無視されてしまいます。（リロード後は「http://hoge.com/fuga.html」が表示される。）

IEでも有効な（もちろん、他のブラウザも）自動更新の方法を教えて下さい。
どうぞよろしくお願い致します。

回答の条件

1人3回まで

登録：2012/07/29 00:39:53
終了：2012/07/29 14:23:31

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Cherenkov · Accepted Answer · 2012-07-29T01:37:02+09:00

No.1

Cherenkov15044932012/07/29 01:37:02

200pt

<script type="text/javascript">
setTimeout(function() {
  location.reload()
}, 2000);
</script>

他4件のコメントを見る

回答ありがとうございます。
ただ、metaタグを使用した場合と同じで、希望の結果は得られないようです。

2012/07/29 02:41:43

うーん、そんなことは無いはずなんですが。
何か別の細工がしてあるとか。
再現する最小限のhtmlを提示してみてください。

<script type="text/javascript">
setTimeout(function() {
  location.reload()
}, 2000);
document.write(new Date())
document.write('<br>'+location.href)
</script>

2012/07/29 03:47:30

metaタグのrefreshを消してあるか確認してください

2012/07/29 03:50:48

Cherenkovさま、ありがとうございます。
最小限と思われるhtmlでテストしてますが、やはり上手くいきません。

<html>
<head>

<script type="text/javascript">
setTimeout(function() {
  location.reload()
}, 2000);
</script>
</head>

<body>

<a name="aaa" id="aaa"></a>
aaa<br>

<br>
<br>
<br>
<br>
<br>
<br>

<a name="bbb" id="bbb"></a>
bbb<br>

<br>
<br>
<br>
<br>
<br>
<br>

</body>
</html>

上記のhtmlで「***.html#bbb」を表示して確認していますが、自動更新がかかると、やはりアンカーが無視されてページの最上部が表示されます。
（もちろん、metaの時と同じで、IE以外のブラウザでは希望通りの動作をします。）

2012/07/29 13:04:59

スクロール位置で確認していたのですね。
回答1の方法でURLは#bbbが残っていますよね？

確かにIE7～9では正しい位置にスクロールされませんでした。

<script type="text/javascript">
var tmp = location.hash;
location.hash = '';
location.hash = tmp;
setTimeout(function() {
  location.reload()
}, 2000);
</script>

これを試してみてください。こちらではうまくいきました。
参考：SafariとChromeでページ内ジャンプが上手いこと行かない - POCH-7003 BEATout!

2012/07/29 13:40:22

Cherenkovさま、ありがとうございます。

上記の方法で希望通りの動作を得ることができました！
本当にありがとうございました。

ちなみに、上記のコードをそのまま用いると、アンカーなしでアクセスした場合にも自動的にURLに「#」が追加されてので、下記のように一部修正して使用しました。

<script type="text/javascript">
var tmp = location.hash;
if( tmp != '' ){
  location.hash = '';
  location.hash = tmp;
}
setTimeout(function() {
  location.reload()
}, 2000);
</script>

2012/07/29 14:23:05

アンカー付URLを自動更新する方法を教えて下さい。

ベストアンサー

Cherenkov15044932012/07/29 01:37:02

コメント（0件)

この質問への反応（ブックマークコメント）