ホームページ  >  記事  >  ウェブフロントエンド  >  なぜhrefはすべてJSで操作されるのか javascript:void(0);_基礎知識

なぜhrefはすべてJSで操作されるのか javascript:void(0);_基礎知識

WBOY
WBOYオリジナル
2016-05-16 15:32:401058ブラウズ

1. 私は初心者です

今年の後半はさらに勢いが増すので、しっかり勉強して初心者に別れを告げなければなりません。私は思い切って何冊かの本を買いました:

その中で、私が最初に読んだのは「Javascriptパターン」という、多くの人がひどいと思っている本でした。 ...500字程度の感想と考察は省略... 第2章の終わりを見て、「JSではvoidを使わない」という点が改めて見えてきて、長年の初心者Aの悩みをかきたてられました。質問: 「JS では void が推奨されていないのに、なぜ新浪微博、淘宝網などのホームページ上の href の JS 操作はすべて javascript:void(0); を使用するのですか?」

証拠としてスクリーンショットを!


なぜですか?なぜ?見てますか?見てますか?


2. 小白の疑問

どんなに引き裂いても妹には乗れないんだよ!

を見るたびに、何年も前に初めてプログラミング言語 C に触れたときに見た悪夢を思い出します。大学で失敗した唯一の科目は C 言語でした。それはいつも、あのドライな女性のことを思い出します。時間の講師。私のような優秀で誠実な学生、つまり大学に入るまでインターネット カフェに行ったことのない優秀なクラスメートは、最初にプログラムが何であるか、何に使用されるかについて詳しく説明しません。毎日黒い背景に向かってa、b、cをノックする 子供の頃、上の子に川の底に突き落とされて窒息したような気分だ。霧の中にあり、水は土の中にあります。子供の頃に読んだ話を思い出しました。田舎の学校に通っていた青年が、幸運にも交換留学生としてイギリスに行き、一般の人の家に住むことができました(当然、とても歓迎されました)。 )しかし、数日も経たないうちに青年は追い出されてしまいました――その理由は、おしっこをするときに便座も上げないのに、家に女性がいるのに、とても失礼なことです。実際、この青年は初めてトイレを見ました。おしっこをするときは便座を持ち上げなければなりませんでした。 void

それは習慣なのか、それとも普通なのか、混乱しています!いわゆる

精神は、プログラミングにおいて C および C のバックグラウンドを持つ人々によってもたらされたものだと思います。その起源は 10 年前まで遡ることができます... javascript:void(0)

たまたま QQ メールボックスを開いたので、その

値を調べました。それは href でした: javascript:;

これは、

が確かに冗長で役に立たないことを証明できるのに、なぜこれほど多くの Web サイトがこれを使用しているのでしょうか?毎回余分に 7 文字入力しなければならないのですが、これは HTML コードの量に基づいてパフォーマンスが計算されているのでしょうか? void(0)

どんなに引き裂いても妹には乗れないんだよ!

それでは、さらに質問があります。JavaScript のステートメントの最後のセミコロンはデフォルトで省略できるのに、なぜ

の代わりに javascript:; を使用するのでしょうか? javascript:

それは習慣なのか、それとも普通なのか、混乱しています!

コードに執着するプログラマーは、理由もなく余分なセミコロンを書くだけです。ワールドカップの神聖な精神が損なわれています。どうすればそれに耐えることができますか。これは多くのステートメントではありませんが、セミコロンを書かないと予期せぬ事態が発生する可能性があります。

私のような、手が攣るほど怠け者で、もう一文字書くのも億劫な人間には、そんなことは考えられません!

それは私が初心者で、Ba Shen の世界を理解していないだけかもしれません。

3. 私は初心者です

私は長年

を使用していますが、他の人は href="javascript:" なので、常に不安を感じながら使用しています。href="javascript:void(0);" に潜在的な問題があるからでしょうか。たとえば、パフォーマンスに影響はありますか?それとも便座を認識できないようにするのでしょうか? href="javascript:"

アドバイスやコメントをお願いします!

簡単にまとめてみましょう:

以下のリンクの void の説明を参照してください:

http://www.jb51.net/w3school/js/pro_js_operators_unary.htm

上記の質問については、リンクからコードを借用してください:

<a onclick="fn()">Does not appear as a link, because there's no href</a> 
<a href="javascript:void(0)" onclick="fn()">fn is called</a> 
<a href="javascript:undefined" onclick="fn()">fn is called</a> 
<a href="javascript:" onclick="fn()">fn is called too!</a> 

上記の 3 つは同等です。

さらに、ネチズンによる javascript:; と javascript:void(0);

JavaScript スクリプトを見ると、次のようなコードがよく見られます。
こちら
しかし、ここでの void(0) とは正確には何を意味するのでしょうか?
void は、式を評価するように指定する JavaScript の演算子ですが、値は返しません。

void 演算子の使用形式は次のとおりです:
1. javascript:void (式)
2. javascript:void 式

expression は、評価される JavaScript 標準の式です。式の外側の括弧はオプションですが、括弧を記述することをお勧めします。

void 演算子を使用してハイパーリンクを指定できます。式は評価されますが、現在のドキュメントには何もロードされません。

次のコードは、ユーザーがクリックしても何も行わないハイパーリンクを作成します。ユーザーがリンクをクリックすると、 void(0) は 0 と評価されますが、JavaScript には影響しません。

void と #

の違い

#位置情報が含まれます。デフォルトのアンカー ポイントは #top (Web ページの上部) であり、javascript:void(0) はデッド リンクのみを表します。

これが、時々ページが非常に長く、閲覧リンクが明らかに # であるにもかかわらずページの先頭にジャンプする理由ですが、javascript:void(0) は当てはまらないため、void(0 を使用するのが最善です) ) スクリプトを呼び出すとき。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。