ホームページ > ウェブフロントエンド > jsチュートリアル > Javascriptにおける演算子void(0)の定義と詳細説明

Javascriptにおける演算子void(0)の定義と詳細説明

零下一度
リリース: 2017-05-17 16:06:22
オリジナル
1597 人が閲覧しました

Javascript の

void は、式が評価されるが値を返さないことを指定する演算子です。

javascript:void(0) で最も重要なのは void キーワードです。void は JavaScript の非常に重要なキーワードです。この演算子は式を計算することを指定しますが、値を返しません。

void 演算子の使用形式は次のとおりです。

1. javascript:void (expression)
2. javascript:void expression
ログイン後にコピー

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

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

例 - ハイパーリンクをクリックしてもジャンプしません

1:<a href="####"></a>
2:<a href="javascript:void(0)"></a>
3:<a href="javascript:void(null)"></a>
4:<a href="#" onclick="return false"></a>
ログイン後にコピー

リンクをクリックすると、ページはページの一番上までスクロールします。#デフォルトのアンカーポイントは#TOPです(実際のテストでは、スクロールバーがトップまでスクロールすることが判明しました)

例 - location.href が自動的にジャンプしないのはなぜですか?

<a href="javascript:void(0)" onclick="delete(&#39;123&#39;)">删除</a>
function delete(id){
   if(confirm("确实要删除[为什么location.href不自动跳转?]吗?")) {
       location.href="/delete.jsp?id=" + id;
   }
}
ログイン後にコピー

上記のコードをどのように確認しても問題はなく、location.href="/delete.jsp?id= + id; このコードはなぜ機能するのでしょうか?

その理由は、 void(0) がコードを次のように変更したためです:

<
a href="javascript:delete(&#39;123&#39;)">删除</a>function delete(id) {
   if(confirm("确实要删除[为什么location.href不自动跳转?]吗?")) {
       location.href="/delete.jsp?id=" + id;
   }
}
ログイン後にコピー

ページがすぐにジャンプし、対応するデータが正常に削除できることがわかりました

void は演算子であり、式を計算するためです。ただし、値は返されず、もちろん現在のページの内容は変更されないため、通常はジャンプしません。

説明

void operator は式を評価し、unknown を返します。この演算子は、式を評価したいが、その結果をスクリプトの残りの部分に表示したくない場合に最も役立ちます。

リンク (href) に javascript:void(0) を直接使用すると、GIF アニメーションの再生が停止するなど、IE で問題が発生する可能性があります。そのため、最も安全な方法は「#」を使用することです。リンクをクリックした後にページの先頭にジャンプしないように、onclick イベントは false を返すことができます。

【関連推奨事項】

1. 特別な推奨事項: 「php Programmer Toolbox」V0.1バージョンのダウンロード

2.

3

php.cn Dugu Jiijian (3) - JavaScript ビデオ チュートリアル 4. ie6 で javascript:void(0) を解決する無効なメソッド

5. の違いvoid(0) と href=#

6. このように書くと良くないので、javascript:void(0) を使用するのは注意してください

以上がJavascriptにおける演算子void(0)の定義と詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート