javascript:void(0) の意味
私たちは javascript:void(0) のようなコードをよく使用しますが、JavaScript では javascript:void(0) は何を意味するのでしょうか?
javascript:void(0) 最も重要なのは void キーワードです。 void は JavaScript の非常に重要なキーワードです。この演算子は、式を評価するが値を返さないことを指定します。
構文形式は次のとおりです:
<head> <script type="text/javascript"> <!-- void func() javascript:void func() 或者 void(func()) javascript:void(func()) //--> </script> </head>
次のコードはハイパーリンクを作成します。ユーザーがクリックしても何も起こりません。
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <a href="javascript:void(0)">单此处什么也不会发生</a> </body> </html>
インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
ユーザーがリンクすると、void(0) は 0 と評価されますが、JavaScript には影響しません。
次の例では、ユーザーがリンクをクリックした後に警告メッセージが表示されます:
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> <!-- //--> </script> </head> <body> <p>点击以下链接查看结果:</p> <a href="javascript:void(alert('Warning!!!'))">点我!</a> </body> </html>
インスタンスの実行»
オンラインの例を表示するには、[インスタンスの実行] ボタンをクリックします
次の例では、パラメーター a は unknown を返します:
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function getValue(){ var a,b,c; a = void ( b = 5, c = 7 ); document.write('a = ' + a + ' b = ' + b +' c = ' + c ); } </script> </head> <body> <p>点击以下按钮查看结果:</p> <form> <input type="button" value="点我" onclick="getValue();" /> </form> </body> </html>
インスタンスの実行»
オンライン インスタンスを表示するには、[インスタンスの実行] ボタンをクリックしてください
href="#" とhref="javascript:void(0)"
# には位置情報が含まれます。デフォルトのアンカーは、Web ページの上部である #top です。
そして javascript:void(0) は単にデッドリンクを意味します。
ページが非常に長い場合、# はページの特定の場所を見つけるために使用されます。形式は # + id です。
デッドリンクを定義したい場合は、javascript:void(0) を使用してください。
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <a href="javascript:void(0);">点我没有反应的!</a> <a href="#pos">点我定位到指定位置!</a> <br> ... <br> <p id="pos">尾部定位点</p> </body> </html>
インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します