「javascript:void(0)」の意味とは？リンクが開かない時の対処法も

Webページの構築にはタグやCSSなどを組み合わせる必要がありますが、挙動の変更をするためにはJavaScriptを利用することも多いです。

その際に「javascript:void(0)」を利用する人もいる中、指定しているわけでもないのにリンクを押すと「javascript:void(0)」が出てしまいリンクが表示されないこともあります。

実際に「javascript:void(0)」を利用したい、Webページの挙動確認時に「javascript:void(0)」が表示されてリンクが出ない場合など、「javascript:void(0)」の意味とはどういったものかを知りたいということはあるかと思います。

「javascript:void(0)」とは、Webページ上にあるボタンをJavaScriptを利用して指定した動作をさせる際に利用されるものです。

設定していなくても、何らかの拍子に定義されていないとして、リンクボタンを押した際に「javascript:void(0)」が表示されることもあります。

「javascript:void(0)」はリンクのタグであるaタグで、画面遷移を無効化する際によく利用されていました。通常、aタグは下記のような形で記載され、記載したURLに画面遷移するように設定されます。

本来の挙動はaタグですのでクリックすると指定したリンク先に遷移するのですが、リンクの代わりに「javascript:void(0)」を指定することでWebページの遷移を無効化し、JavaScriptでリンク先への遷移とは異なる挙動をするよう設定できます。

挙動はマウスオーバーしたときにカーソルを表示させる、というだけのものですのでそもそも使う場所が少ないです。

「javascript:void(0)」はaタグの「href」属性に対して指定する形で活用されますがWebページの見栄えの問題、CSSで処理して同じような挙動を設定できることなどから現在は使われないようになっています。

「javascript:void(0)」の意味が分かったところで、今度は「javascript:void(0)」を指定しないリンクにも関わらず「javascript:void(0)」が表示されてリンクが開かない、という場合の原因と対処法も確認していきましょう。

リンクをクリックしても「javascript:void(0)」が表示されてリンクが開かない場合、原因としてはページ内にあるJavaScriptのコードが正しく動作していないことが考えられます。

これは利用しているブラウザの設定が原因である場合もあれば、Webブラウザ側に原因があることもあります。

「javascript:void(0)」が表示されてリンクボタンを押してもリンクが開かない場合、まずは利用しているブラウザを再起動してみましょう。ブラウザに一時的なエラーが起きている場合二それを解消することができるためです。

ブラウザの再起動で、ブラウザに生じているエラーが改善することが多いため、再起動後そのサイトを開いてみて、「javascript:void(0)」が出てボタンを押しても開かないということが起きないかどうか確認してみましょう。

ブラウザでJavaScriptを有効化していないと、Webサイトで動作しているJavaScriptのコードが正しく動作しません。それにより、リンクがあるボタンをクリックしてもリンクが開かず「javascript:void(0)」が表示されることがあります。

この場合、JavaScriptをブラウザ側で有効化してください。主要なブラウザであるMicrosoft Edge、Google Chrome、Firefoxでのやり方をそれぞれ説明します。

Microsoft Edgeの場合、メニューから「設定」を開きます。

左側のメニューで「Cookieとサイトのアクセス許可」をクリックし、右側に表示されている「JavaScript」をクリックします。

「許可」のスイッチをオンにすれば、JavaScriptを有効化できます。

Google Chromeの場合、メニューから設定を開きましょう。

「プライバシーとセキュリティ」で「サイトの設定」を開きます。

「コンテンツ」内にある「JavaScript」を押します。