<a href="#pagetop">以外での移動方法

質問

<a href="#pagetop">ページトップ</a>以外での、同一ページ内の移動方法を教えてください。

ページの先頭に、
<a name="pagetop"></a>

を置いておいて、ページの下のほうに、
<FORM>
<INPUT TYPE=button value="ページトップ" onclick="JavaScript:location.hash='#pagetop'">
</FORM>

これで、移動できるのですが、これですとボタンになってしまいます。
普通のテキスト、もしくは画像にしたいのですが、どのようにしたら良いでしょうか？

よろしくお願いします。

回答No.2

yambejp · ベストアンサー

>ショップシステムのページで使用したいため、
><a href="#pagetop">ページトップ</a>では、
>ページのトップに移動することが出来ません。

<a href="#pagetop">で移動できないものは、
location.hash='#pagetop'でも移動できないですよ？
勘違いがあるのではないでしょうか？

とりあえずどうしてもjavascriptで飛びたいなら
aをトリガーとするものを書けばいいのです
こんな感じ？
<a href="javascript:void(0)" onClick="location.hash='#pagetop'">ページトップ</a>

ただ、javascript非対応のブラウザだと
誤動作しますので、その対応まで考えると
こんな感じで。

<script language="javascript">
<!--
document.write('ページトップ'.link('#pagetop'));
//-->
</script>
<noscript>
<a href="#pagetop">ページトップ</a>
</noscript>

お礼

回答ありがとうございました。
<a href="javascript:void(0)" onClick="location.hash='#pagetop'">ページトップ</a>
を使わせていただきます。

でも、実際に、<a href="#pagetop">ページトップ</a>と一緒に置いてみても、location.hashはちゃんと動作するんですけれど、a hrefでは他のページに飛ばされてしまうんです。どうしてでしょうね・・・？

ともかく、ありがとうございました。

回答No.3

BLUEPIXY

>普通のテキスト
<span onclick="…">普通のテキスト</span>
>画像
<img … onclick="…">

お礼

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

回答No.1

noname#25358

補足をお願いします。

１．なぜ <a href="#pagetop">ページトップ</a> では駄目なのですか？
２．どういう形が理想ですか？

補足

関心を寄せてくださってありがとうございます。

・1について
ショップシステムのページで使用したいため、<a href="#pagetop">ページトップ</a>では、ページのトップに移動することが出来ません。

・2について
質問に書いたような簡単なJavaScriptで、ボタン状でないものが理想です。
（このままで動作はするのですが、できればテキストか画像で...）

宜しくお願いします。