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環境にも対応した方が親切です。
長文失礼しました。
いつもありがとうございますm(__)m
よく理解できました。
href="#" の意味を解説しているものがどうしても見つからず、今までなんとなく使用していました。
本当にありがとうございました。
No.2
- 回答日時:
No.1の方のおっしゃるようにどこにもジャンプしないようにするためです。
#は本来、下記のタグのように、ページ内のアンカーポイントに移動するためのものですが何も名前がないとページの一番上に移動します。
<a href="#label1">ラベル1に移動</a>
<a name="label1">移動先
#よりは下記のようにしたほうがベターだと思います。
voidは値を何も返さない命令です。
<a href="JavaScript:void(0)" onClick="new_open();return false">
#はID属性を使用する際に使うものとの意識がなく、ちゃんと理解していませんでした。ありがとうございましたm(__)mまた、void(0)で設定したこともあったのですが、JavaScript:void(0)とすべきだったこともわかり、助かりました。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Ruby htmlの記述で link rel=stylesheet href=ress.cssの指定をする l 1 2023/04/02 21:15
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- その他(プログラミング・Web制作) pythonのWebスクレイピングでfind_allだとurlがNoneに 4 2022/04/17 18:21
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS htmlについて質問です! 写真のように写真の部分が?になってしまいます。 ファイルもしっかり選べて 1 2023/07/09 21:17
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教える店舗&オフィスのセキュリティ対策術
中・小規模の店舗やオフィスのセキュリティセキュリティ対策について、プロにどう対策すべきか 何を注意すべきかを教えていただきました!
-
<a href=/">トップへ</a> これ良いですか?"
HTML・CSS
-
htmlの文字が縦書きになる
HTML・CSS
-
form action=#""
HTML・CSS
-
-
4
Javascript_submit()完了後に処理したい
JavaScript
-
5
PHPのif文でその処理を途中で抜けるにはどうすればよいでしょうか?
PHP
-
6
CSSのtransform: translate(-50%,-50%);を行う意味
HTML・CSS
-
7
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
8
HTMLからフォルダを開きたい
HTML・CSS
-
9
exeファイルの中身を見ることは可能ですか?
フリーソフト
-
10
<input type=hidden" >で配列(複数の要素)を渡したいとき?"
PHP
-
11
<th>タグを使っても太字にしない方法は
HTML・CSS
-
12
visual studio でインデントを自動的に揃えるショートカットキー
その他(プログラミング・Web制作)
-
13
tableタグとformタグの組み合わせ
HTML・CSS
-
14
拡張子はなぜ、大文字と小文字のものがある?
Windows Vista・XP
-
15
Eclipseで、プロジェクト名のところに赤いバッテンのエラーマークが
Java
-
16
formで特定のinputを送信しないようにしたい
JavaScript
-
17
submitをボタン以外にするには
HTML・CSS
-
18
テーブル内の文字サイズを変更したい。
HTML・CSS
-
19
<tbody>は何のためにあるんでしょうか?
その他(ソフトウェア)
-
20
getElementsByNameで要素が取得できない
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
リンクに飛ばない・・・
-
時間によってリンク先を変える...
-
URLでEXEを呼出した際の、引数...
-
特定リファラからのアクセスを拒否
-
ツリーメニューを2個つづけると
-
link要素の意味/使い方について...
-
プルダウンメニューからリンク...
-
POSTで<a hrefを送る方法について
-
フレームだけ閉じる方法ありま...
-
bodyにidをつける理由は何ですか?
-
フォーカス移動抑止について
-
iframeの中から親ページをスム...
-
SQLのWHEREで全てを質問する方法
-
テーブル内の数値を自動で計算...
-
JavaScript でキーを送る
-
javascriptとApacheの設定
-
テキストをクリックすると答え...
-
javascriptでalertの文字列をコ...
-
cssにjavascriptを入れる?呼び...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
相対パスと絶対パスの速度
-
pythonのWebスクレイピングでfi...
-
HTMLソースからURLだけを抜き出...
-
<META HTTP-EQUIV='refresh' CO...
-
フレームだけ閉じる方法ありま...
-
html メールリンクにて自動ファ...
-
<a href>での背景色について。
-
HTMLアプリでインラインフレー...
-
iPadのロングタップ(長押し)...
-
リンクに飛ばない・・・
-
プルダウンメニューからリンク...
-
ある一定時間操作していない場...
-
POSTで<a hrefを送る方法について
-
mailto + 変数名
-
個別にハイパーリンクの色を指...
-
chromeでの擬似クラス:focus に...
-
エクスプローラ風階層構造のhtml
-
特定リファラからのアクセスを拒否
-
時間によってリンク先を変える...
おすすめ情報