자바스크립트 무효

javascript:void(0) 의미

우리는 javascript:void(0)와 같은 코드를 자주 사용하는데, JavaScript에서 javascript:void(0)는 무엇을 의미하나요?

javascript:void(0)에서 가장 중요한 것은 void 키워드입니다. void는 JavaScript에서 매우 중요한 키워드입니다. 이 연산자는 표현식을 계산하도록 지정하지만 값을 반환하지는 않습니다.

구문 형식은 다음과 같습니다.

<head>
<script type="text/javascript">

</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는 정의되지 않은 값을 반환합니다.

<!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>

프로그램을 실행하고 사용해 보세요. it

href="#" href="javascript:void(0)"

#과의 차이점은 위치 정보가 포함되어 있으며 기본 앵커는 웹페이지 상단인 #top입니다.

그리고 javascript:void(0)은 데드 링크를 의미합니다.

페이지가 매우 긴 경우 #을 사용하여 페이지의 특정 위치를 찾습니다. 형식은 # + id입니다.

데드 링크를 정의하려면 javascript:void(0)를 사용하세요.

Instance

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<a href="javascript:void(0);">点我没有反应的!</a><br/>
<a href="#pos">点我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">尾部定位点</p>
</body>
</html>

프로그램을 실행해서 사용해 보세요

지속적인 학습

새로운 파일

<!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:alert("Warning!!!");'>点我!</a> </body> </html>

제출하다 코드 재설정

자동운전