우리는 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> <a href="javascript:void(alert('有误'))">点击</a> </body> </html>
다음 예에서 매개변수 a는 정의되지 않은 값을 반환합니다.
<!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> <form> <input type="button" value="单击" onclick="getValue();" /> </form> </body> </html>
href="#" 및 href= "javascript:void(0 )" 차이점
#에는 위치 정보가 포함되어 있으며 기본 앵커는 웹 페이지 상단인 #top입니다.
그리고 javascript:void(0)은 데드 링크를 의미합니다.
페이지가 매우 긴 경우 #을 사용하여 페이지의 특정 위치를 찾습니다. 형식은 # + id입니다.
데드 링크를 정의하려면 javascript:void(0)를 사용하세요.
<a href="javascript:void(0);">点击没反应</a> <a href="#pos">单击跳转</a> <br> ... <br> <p id="pos">尾部定位点</p>