なぜhrefはすべてJSで操作されるのか javascript:void(0);_基礎知識
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)
値を調べました。それは 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 を使用するのが最善です) ) スクリプトを呼び出すとき。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

この記事の視差スクロールと要素のアニメーション効果の実現に関する議論では、Shiseidoの公式ウェブサイト(https://www.shisido.co.co.jp/sb/wonderland/)と同様の達成方法について説明します。

JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1)変数、データ型、関数などの基本概念を理解します。2)非同期プログラミングをマスターし、イベントループを通じて実装します。 3)DOM操作を使用し、非同期リクエストを処理することを約束します。 4)一般的な間違いを避け、デバッグテクニックを使用します。 5)パフォーマンスを最適化し、ベストプラクティスに従ってください。

フロントエンドのVSCodeと同様に、パネルドラッグアンドドロップ調整機能の実装を調べます。フロントエンド開発では、VSCODEと同様のVSCODEを実装する方法...
