> 웹 프론트엔드 > JS 튜토리얼 > js_javascript 기술의 javascript:void(0) 사용법에 대한 자세한 설명

js_javascript 기술의 javascript:void(0) 사용법에 대한 자세한 설명

WBOY
풀어 주다: 2016-05-16 15:45:45
원래의
1981명이 탐색했습니다.

javascript:void(0)은 아무런 조치도 취하지 않음을 의미합니다. 예:

코드 복사 코드는 다음과 같습니다.


즉, 이 링크는 점프 동작을 수행하지 않고 onClick 이벤트를 실행한다는 의미입니다.

이런 코드는 ajax를 사용해본 사람들 사이에서 흔히 볼 수 있는 것 같아요.


코드 복사 코드는 다음과 같습니다.

그런데 여기서 void(0)는 무엇을 의미하나요?

void는 표현식이 평가되지만 값을 반환하지 않음을 지정하는 Javascript의 연산자입니다.

void 연산자 사용 형식은 다음과 같습니다.

1. javascript:void(표현식)

2. javascript:void 표현식

expression은 평가할 Javascript 표준 표현식입니다. 표현식 외부의 괄호는 선택 사항이지만 작성하는 것이 좋습니다. (구현 버전 Navigator 3.0 )

void 연산자를 사용하여 하이퍼링크를 지정할 수 있습니다. 표현식이 평가되지만 현재 문서에는 아무것도 로드되지 않습니다.

아래 코드는 나중에 사용자에게 아무 일도 일어나지 않도록 하는 하이퍼링크를 생성합니다. 사용자가 링크하면 void(0)는 0으로 평가되지만 Javascript에는 영향을 주지 않습니다.

코드 복사 코드는 다음과 같습니다.
다음 코드는 사용자가 클릭할 때 양식을 제출하도록 하는 하이퍼링크를 생성합니다.


코드 복사 코드는 다음과 같습니다.

a href=#과 a href=javascript:void(0)의 차이점 여러 가지 연결 방법

#위치정보가 포함되어 있습니다

기본 앵커는 웹페이지 상단인 #top입니다

javascript:void(0)은 데드 링크만 나타냅니다

이것이 때때로 페이지가 매우 길고 검색 링크가 명확하게 #是

인 이유입니다.

페이지 최상단으로 이동

javascript:void(0)의 경우는 그렇지 않습니다

그래서 스크립트를 호출할 때는 void(0)

를 사용하는 것이 가장 좋습니다.

또는

여러 가지 연결 방법

1.window.open(''url'')

2. 맞춤 기능을 사용하세요


<script>
   function openWin(tag,obj)
   {
    obj.target="_blank";
    obj.href = "Web/Substation/Substation.aspx&#63;stationno="+tag;
    obj.click();
   }
  </script>

<a href="javascript:void(0)" onclick="openWin(3,this)">徐州</a>

window.location.href=""
로그인 후 복사
요약:

1 void(0)은 특정 처리를 수행하는 데 사용되지만 페이지 전체를 새로 고치지는 않습니다. 단, 페이지를 새로 고쳐야 하는 경우 주의해야 합니다.

2 실제로 를 사용할 수 있으며 이 문장은 제출 작업을 수행합니다. 그러면 어떤 상황에서 void(0)를 더 자주 사용하는 걸까요? 새로 고침을 하지 않으면 당연히 Ajax입니다. Ajax 웹 페이지를 보면 일반적으로 void(0)가 많이 보이거든요. :) (0) ), 이 페이지를 전체적으로 새로 고칠 필요가 있는지 생각해 보는 것이 가장 좋습니다

3 직설적으로 말하면 href="#"은 페이지 전체를 새로 고치지만 href="javascript:void(0)"는 그렇지 않습니다

위 내용은 js에서 javascript:void(0)의 의미를 소개한 내용이 모든 분들께 도움이 되기를 바랍니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿