• ベストアンサー

<a href="#" …>の意味を教えてください。

Javascriptを見ていると <a href="#" onClick="new_open();return false"> なる記述がありますが、 この<a href="#" の部分の意味を教えてください。 <a herf まではわかるのですが、この#はどのようないみなのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • leaz024
  • ベストアンサー率75% (398/526)
回答No.3

href="#" というのは「そのページの最上部へのリンク」という意味で、スクロールした場所から一番上に戻したい場合に使います。 ちなみに、同ページ内への # 指定でのリンクでは、ページは読み込まれずスクロールするだけです。 <a href="#" onClick="new_open();return false"> というのは、そのリンクがクリックされた時に new_open という関数を実行し、他の処理はするな、という意味です。 return false というのが、A タグ本来のジャンプ動作をキャンセルさせるためのもので、これを取ってしまうとページ最上部にジャンプしてしまいます。 このスクリプトを書いた人は onClick だけが必要だったのでしょうが、href がないとリンクの下線が出ないなどの不都合があるため、やむなく # を書いたのでしょう。 JavaScriptの内容を実行したいだけなら、 <a href="javascript:new_open()"> と書けば十分なのですが、一部のブラウザではこのタイプのリンクをクリックすると、アニメーションGIFが止まってしまうなどの弊害があるため、嫌う人もいるようです。 また、JavaScriptが有効でない環境の人は、質問に書かれたリンクをクリックしてもページ最上部に戻されるだけで、開くべきページの内容を見ることができません。 なので、 <a href="ページのURL" target="_blank" onClick="new_open(); return false"> とするなどして、非JavaScript環境にも対応した方が親切です。 長文失礼しました。

nawa_chan
質問者

お礼

いつもありがとうございますm(__)m よく理解できました。 href="#" の意味を解説しているものがどうしても見つからず、今までなんとなく使用していました。 本当にありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • 7623goo
  • ベストアンサー率46% (34/73)
回答No.2

No.1の方のおっしゃるようにどこにもジャンプしないようにするためです。 #は本来、下記のタグのように、ページ内のアンカーポイントに移動するためのものですが何も名前がないとページの一番上に移動します。 <a href="#label1">ラベル1に移動</a> <a name="label1">移動先 #よりは下記のようにしたほうがベターだと思います。 voidは値を何も返さない命令です。 <a href="JavaScript:void(0)" onClick="new_open();return false">

nawa_chan
質問者

お礼

#はID属性を使用する際に使うものとの意識がなく、ちゃんと理解していませんでした。ありがとうございましたm(__)mまた、void(0)で設定したこともあったのですが、JavaScript:void(0)とすべきだったこともわかり、助かりました。ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • agfa
  • ベストアンサー率38% (164/424)
回答No.1

#はリンクをどこにもジャンプさせないようになります。単純にこのタグですと、<a>タグを利用して、Javascriptの「new_open()」を呼び出すために使っているだけです。

nawa_chan
質問者

お礼

早速の回答ありがとうございました。今後ともよろしくお願いします。お名前はよく拝見します。これからもがんばってくださいm(__)m

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • リンクにおける挙動の参照と範囲指定

    ほぼ初心者です。 html内に、javascriptを参照させて、以下のように作成しました。 <SCRIPT language="javascript"src="popup.js"></script> <□□> <a href="1.jpg" onclick="popup(href);return false;">テスト1</a> <a href="2.jpg" onclick="popup(href);return false;">テスト2</a> <a href="3.jpg" onclick="popup(href);return false;">テスト3</a> </□□> 普通にポップアップされたのですが、以下の方法ができないかと思っております。 (1)「onclick="popup(href);return false;"」の部分をほかから参照させる (2)特定の範囲のリンクのみ「onclick="popup(href);return false;"」を適用させる。 (1)はLightboxのように、「rel="thumbnail"」みたいに参照できないか、ということです。 (2)は上の「<□□>~</□□>」のように囲われた範囲のリンクで、「onclick="popup(href);return false;"」を適用できないか、ということです。 よろしくお願いします。

  • a.href の href を有効か無効にする選択

    <script language="JavaScript"> function fa(obja){ if(confirm())obja.href="a.html" else{obja.href=eval("javascript:void(0)") inp.value=0//↑がうまくいかない。hrefを無効にしたい。 } } function fb(objb){ if(confirm())window.location="a.html" else{inp.value=0//↑がvoiv(0)によって無効で動作しない。 } } </script> <a href=a.html>りんく</a><a href=javascript:voiv(0) onClick=inp.value=0>ばりゅ</a> <br>↑と同じようなことを1つのaタグでやりたい<br> <a href="" onClick=fa(this)>失敗A</a><br> <a href=javascript:voiv(0) onClick=fb(this)>失敗B</a><br> <input id=inp> 選択によってクリックのアクションを変更したいんだけど、 1方のアクションはリンク、もう1方はJavaScriptです。 ボタンとかならできるんだけど、クリック済みかを 色分けしたいからaタグでやりたいんです。 よい方法を教えてください。

  • javascriptで困っています。

    htmlのaタグの<a href="" onClick"hoge(); return false">からjavascriptの関数を呼び出したいのですが、html内に記述したものではなく、外部ファイルに記述した関数を呼び出したい場合はどのようにaタグを記述すればよいのでしょうか?

  • <a href="#z" onclick="">

    によって onclickの動作をさせた後 <a name="z"></a>へのジャンプをさせようとしたのですが onclickの動作だけがおこなわれジャンプ動作をしません onclickで非表示の内容を表示させその表示された部分の特定の場所 にジャンプさせたいのです 何かいい方法はあるでしょうか? よろしくお願いします <a href="#z" onclick="document.getElementById('x').style.display='block';return false"> go to 99 </a> <br/> <br/> <div id="x" style="display:none"> 1<br/> 2<br/> ............. 99<br/> <a name="z"></a> </div>

  • POSTで<a hrefを送る方法について

    POSTで <a href=sample.cgi?md=aa&tx=zz~>hoge</a> <a href=sample.cgi?md=bb&tx=yy~>hoge2</a> <a href=sample.cgi?md=cc&tx=xx~>hoge3</a> <a href=sample.cgi?md=dd&tx=ww~>hoge4</a> を送る方法でjavascriptとの組み合わせで出来るのかな? と思い検索したら <form action="./sample.cgi" method="POST" name="post"> <input type="hidden" name="md" value="aa"> <input type="hidden" name="tx" value="zz">           : <a href='#' onClick="document.post.submit();return false">hoge</a> <form action="./sample.cgi" method="POST" name="post2"> <input type="hidden" name="md" value="bb"> <input type="hidden" name="tx" value="yy">           : <a href='#' onClick="document.post2.submit();return false">hoge2</a> このような手法が見つかりました これだと行数が多くなり、なんとなくすっきりしません どなたかいい解決方法を教えてください よろしくお願いします

    • ベストアンサー
    • HTML
  • JavaScript document.writeについて

    <ul id="font-size-change"> <li><a href="javascript:void(0)" onclick="setActiveStyleSheet('default'); return false;" />標準</a></li> <li><a href="javascript:void(0)" onclick="setActiveStyleSheet('large'); return false;" />大</a></li> </ul> 上記を、JavaScriptの「document.write」を使って表示しようと、下記のコードを書きました。 function fontSizeChange(){ document.write('<ul id="font-size-change">'); document.write('<li><a href="javascript:void(0)" onclick="setActiveStyleSheet'); document.write("('default'); "); document.write('return false;" />標準</a></li>'); document.write('<li><a href="javascript:void(0)" onclick="setActiveStyleSheet'); document.write("('large'); "); document.write('return false;" />大</a></li>'); document.write('</ul>'); } とっても効率が悪い記述だと思うのですが、 もっとシンプルで効率の良い書き方はないでしょうか。 よろしくお願いします。

  • location.hrefのURLについて

    以下のリンクの場合、現在表示しているアドレス(URL)が送られますが、 <a onclick="window.open('http://exsample.com='+encodeURIComponent(document.title)+' '+encodeURI(location.href));" href="javascript:void(0);"> これを指定したURLに変更したいのですが、その記述方法がわかりません。 ご教授よろしくお願いします。

  • Aタグでサブミットさせない方法

    以下のようにjavascriptでサブミットを制御したい場合、 return falseとしてもサブミットしてしまいます。 Aタグにおいてサブミットさせないためには どうすればよいのでしょうか。よろしくお願いします。 <a href="xxx/yyy" onclick="func();"> function func(){ var ret = confirm("xxxxxxxxx"); if(ret == false) { return false; } }

  • お世話になります。

    お世話になります。 phpで以下のhtmlを表示させ、Javascriptを実行させたい時にエラーが出るので <a href="" onclick="Hoge(’hoge’);return=false”>リンク</a> Firefoxでソースを見てみると以下の通りになります。 <a href="" onclick="Hoge(" hoge="" );return="" false;="">リンク</a> PHPで表示させたい場合(特にJavascriptの部分)はどのような書き方をすればよいのでしょうか?? ちなみに、IE8だとソースはきれいでしたが、Javascriptが実行できませんでした。 お急がしところ申し訳ございませんが、 ご教授いただけましたら幸いです。

    • ベストアンサー
    • PHP
  • phpでのHTMLの表示(特にJavascriptの部分)についてご教

    phpでのHTMLの表示(特にJavascriptの部分)についてご教授下さい。 phpで以下のhtmlを表示させ、Javascriptを実行させたい時にエラーが出るので <a href="" onclick="Hoge(’hoge’);return=false”>リンク</a> Firefoxでソースを見てみると以下の通りになります。 <a href="" onclick="Hoge(" hoge="" );return="" false;="">リンク</a> PHPで表示させたい場合(特にJavascriptの部分)はどのような書き方をすればよいのでしょうか?? ちなみに、IE8だとソースはきれいでしたが、Javascriptが実行できませんでした。 お急がしところ申し訳ございませんが、 ご教授いただけましたら幸いです。

    • ベストアンサー
    • PHP
このQ&Aのポイント
  • インクカバーを閉じたままプリンタが正常に動作しないトラブルについて相談します。
  • Windows10環境で有線LAN接続しているブラザー製MFC-J6983CDWプリンタのインクカバーが閉じた状態で正常に動作しない問題について相談します。
  • ブラザー製MFC-J6983CDWプリンタのインクカバーが閉じたままプリンタが動作しない現象についての質問です。
回答を見る

専門家に質問してみよう