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
-
form action=#""
HTML・CSS
-
htmlの文字が縦書きになる
HTML・CSS
-
-
4
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
5
PHPのif文でその処理を途中で抜けるにはどうすればよいでしょうか?
PHP
-
6
Javascript_submit()完了後に処理したい
JavaScript
-
7
拡張子はなぜ、大文字と小文字のものがある?
Windows Vista・XP
-
8
<input type=hidden" >で配列(複数の要素)を渡したいとき?"
PHP
-
9
exeファイルの中身を見ることは可能ですか?
フリーソフト
-
10
HTMLからフォルダを開きたい
HTML・CSS
-
11
<th>タグを使っても太字にしない方法は
HTML・CSS
-
12
html でのテキスト結合について
その他(プログラミング・Web制作)
-
13
<tbody>は何のためにあるんでしょうか?
その他(ソフトウェア)
-
14
tableタグとformタグの組み合わせ
HTML・CSS
-
15
return trueとreturn falseの用途・違いは・・・?
JavaScript
-
16
データベースのINT型項目にNULLはNG?
MySQL
-
17
formで特定のinputを送信しないようにしたい
JavaScript
-
18
【jQuery】input nameの文字列を変数を使い動的にする方法
JavaScript
-
19
CSSのtransform: translate(-50%,-50%);を行う意味
HTML・CSS
-
20
javaで質問です。 文字列2023/2/3(一桁の場合、0埋めなし)の場合にyyyyMMddに変換
Java
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
曲名のアンダーラインをなくすには
-
一つの行にURLが複数ある場合の...
-
既にIE仕様のページ内リンク(<...
-
時間によってリンク先を変える...
-
VBで正規表現
-
UAによるリダイレクト
-
外部読み込みで動かないときの...
-
Cookieの回数で閲覧制限、javas...
-
他のページ更新
-
フレーム分割領域のサイズを変...
-
色の指定で配列を使いたい
-
DOMで生成したタグにCSSが適用...
-
セレクトメニューでリンクの際...
-
小ウインドウのスクロールバー
-
javascriptでalertの文字列をコ...
-
CGIフォーム一定時間過ぎる...
-
ページによって表示位置がずれ...
-
bodyにidをつける理由は何ですか?
-
javascriptとjuaryを同時に
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
-
フレームだけ閉じる方法ありま...
-
相対パスと絶対パスの速度
-
本番環境とテスト環境のURL
-
POSTで<a hrefを送る方法について
-
リンクに飛ばない・・・
-
文字にふれただけでリンクさせ...
-
mailto + 変数名
-
<a href>での背景色について。
-
個別にハイパーリンクの色を指...
-
HTML内に記載された画像のURLを...
-
プルダウンメニューからリンク...
-
ホームページ作成 ツリーメニュー
-
target="_blank"
-
UWSCでインナーテキストが...
-
cgiファイル内での、mailto...
-
iPadのロングタップ(長押し)...
-
htmlのチェックボックスで動的...
おすすめ情報