JavaScript : void ( 0 );実際には?

3425 ワード

フロントエンド開発者、あるいはバックエンド開発者としてもjavascript: void(0); アンカータグ内のhref属性の値として書き込まれます(<a> ) そして、あなたはそれが何を意味するかについて疑問に思いました.
例:

<a href="javascript:void(0);" onclick="clickFunction()">
  Click
</a>

この記事では、いつ、なぜそれが使用されているかを知るために、上記の構文の説明を提供しようとします.そのためには、要素を要素としなければならない.

ジャバスクリプトvoid キーワード
他のプログラミング言語と同様に.void JavaScriptからのキーワードは、式の結果を返さないようにプログラムを伝える役割を持っている演算子ですundefined 代わりに.
たとえば、次の式は、数学演算の値を返します.

let sum = 1 + 1;
console.log(sum); // 2

を返します.undefined :

let sum = void(1 + 1);
console.log(sum); // undefined

変数であってもsum is undefined , JavaScriptはまだ式を実行する(1 + 1) :

let sum = void console.log(1 + 1); // 2
console.log(sum); // undefined

上記から、私たちは、それがvoid 演算子は常に実行されますが、式の返り値はundefined . の役割0 void演算子の内部は単にプレースホルダの一つです.

用途javascript:void(0); HREFの値として
The javascript: その部分はhref 属性.この値は、次のテキストがJavaScriptコードであることをブラウザに伝えます.また、他の可能な値はhref mailto :, file :, tel , smsなどの属性.


javascript:void(0); ?
使用によってjavascript:void(0) , the <a> タグは他のWebアドレスに送信されません.HREF属性の値を指定しない場合は通常、リンクがページとして更新されません.
あなたがなぜ我々がちょうど削除しないか疑問に思っているならばhref 属性は、答えはhref 属性はまた、<a> 要素.つまり、カーソルがホバリング時に変更されません<a> タグ.カーソルは通常のテキストのように動作します.
換言すればjavascript:void(0) href属性の値として、何もしないリンクを作成します.
この記事の先頭からのリンク例はclickFunction タグがクリックされたときに機能しますが、ページをリフレッシュせずに別のページに送信します.
You may be interested: 15 JavaScript Courses - Learn Web Development, HTML, and CSS

使用するときjavascript:void(0); ?
ありがたいことに、JavaScriptで作られたすべてのアップデートでは、それにより良い選択肢があるとしてそれを使用する必要はありません.
のデフォルト動作を防ぐために<a> タグは、一般的に<button> ボタンと<a> リンクのタグ.また、カーソルを変更する必要がある場合や、カーソルを変更したい場合は、タグを変更する代わりにCSSを使用することをお勧めします<a> .
結論として、我々は今、あなたは何の良い理解を持って願っていますjavascript:void(0); そうです.HTML/CSSだけでは何もできないので、最初に表示された構文はこのように一般的ではありません.あなたがどこかでそれを見るとき、それがどんな役割を持つかについてだけ、この情報を使用するが、あなたのコードをきれいにして、最高の実行に関する我々のアドバイスに従ってください.