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에는 영향을 미치지 않습니다.

다음 경우에는 사용자가 링크를 클릭하면 경고 메시지가 표시됩니다.

Instance

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

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

href ="#" 및 href="javascript:void( 0)" 차이점

#에는 위치 정보가 포함되어 있으며 기본 앵커는 #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>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요