<a href="javascript:void(0)" id="loginlink">login</a>
이런 '참조'를 여러 번 보았지만 정확히 무슨 뜻인지 모르겠습니다.
void
연산자는 주어진 식을 평가한 다음 표현식을 평가한 다음정의되지 않음
을 반환합니다.
void
연산자는 종종 단지미정의
프리미티브를 얻기 위해 정의되지 않은원시 값을 얻기 위해 값을 얻기 위해 사용되며, 일반적으로 "
void(0)"(이는 는 "
void 0"과 동일합니다). 이 경우 경우, 전역 변수 [
undefined`]1 를 대신 사용할 수 있습니다 (전역 변수가 기본값이 아닌 값에 할당되지 않았다고 가정합니다. 값).
여기에 설명이 제공됩니다: void
연산자.
링크의 href
를 사용하여 이 작업을 수행하려는 이유는 일반적으로 javascript:
URL이 해당 자바스크립트를 평가한 결과의 일반 텍스트 버전으로 브라우저를 리디렉션하기 때문입니다. 그러나 결과가 정의되지 않음
이면 브라우저는 동일한 페이지에 머물러 있습니다. void(0)는
undefined`로 평가되는 짧고 간단한 스크립트일 뿐입니다.
저자는 ',' 는 javascript: void 기술 외에 오토메이티드 고말은 잘못하고 있어.
사용할 이유가 없다 '는' javascript dtep uirl (*). 그러면 실제로 누구나 같은 혼란, 오류뿐만 시도하시겠습니까 합니다 "즐겨찾기 링크", "open https://partner. 새 탭에서", 그리고 드릴링됩니다. 지금 많은 사람들이 이 같은 일이 꽤 잡을라는데 행하였 가운데 새 탭을 클릭합니다.: it looks like a 링크를 새 탭에서 운영까지도 이를 읽을 수 있지만, 실제 https://partner. 전혀 원치 않는 결과가 아닌 것으로 드러날 수 있고, 빈 페이지나 JS 중간 클릭한 보기입니다 같은 오류가 발생했습니다.
',' 는 공통 > <, a href = ", # ", 다른 시각이 잘 드러나 있는 나쁜거라 작을 수도 있다. 그러나 '거짓' 에서 '이벤트' 를 반드시 합니다 복귀하십시오 온 클릭 막기 위해 그 페이지의 링크를 처리기에서 기술입니까 스크롤하지 및 최고.
실제 유용한 가리키도록 https://partner. microsoft. 배치하십시오 경우도 있을 수 있습니다. 예를 들어 제어점 경우, div id = " < 누르면 이전에 숨겨진 '까지 열리는', ', 그 과정에서 일부 감지에서 > foo";;;;; # foo" < 사용할 수 있는 a href = " >' 을 https://partner. microsoft. 거잖나. 또는 javascript 비사양 똑같은 방식으로 업무를 수행하는 경우 (예를 들어, "티스팔레스피프? 표시 = foo" 로 시작하는 볼 수 있는 foo 세트), 그 연결할 수 있습니다.
이렇게 하지 않으면 정말 링크 링크 밖에 되지 않는 점, 일부 스크립트입니다 등 선택함 백업하도록 안 됩니다. 일반적인 외곽진입 약간만이라도 온 클릭 '을 추가하는', ',', ',', '< span> < div> a> href' 와 ',' 이 없는 호스트였든 <, 어떤 식으로든 클릭할 수 있도록 선택해제합니다 스타일 때문이다. 이게 스택 오버플로 (당시 아니하였으매 먹어서나. 이제는 /dev/raw/raw1 href = ", # " ','].
이 때문에 너회가 can& # 39 의 단점은 에로남이네 패배하셨습니다 키보드 제어, t / / div 에 스팬합니다 베어 a 또는 활성화하십시오 shift+tab 함께 이 공간. 실제로 이 표시할지를 불이익을 어떤 종류의 조치를 취할 수 있도록 고안되었습니다 요소에 따라 달라집니다. 일부 작업량의 할 수 있습니다, 키보드 인터스타빌레티 한다 '' 을 추가하여 tabIndex 수신하는 공간 요소, 키 누르기. 그러나 it& # 39 의 100% 이상 어쩔 수 없는 행동 때문에 실제 키보드가 아닌 다른 브라우저를 브라우저 재현하는 대처할 수 있어 다른 방식 (물론 비시각적 브라우저).
(*: 사이트 제작, 겁니다. 물론 이들은 북마크 유용합니다. '개념' dtep url 비자런스 javascript 있다. # 39, t, 대신 그 위치를 가리키십시오 로케이터를 doesn& 페이징됩니다 액티브 코드 δ1 현재 위치. 그들은 크고작은 벽돌이날아와 보안 문제를 모두 위해 고안한 것으로, 넷스케이프 브라우저 및 webapps 귀의하지않는다고 합니다.)
아무것도 하지 않는다는 뜻입니다. 링크가 어디로도 '이동'하지 않도록 하려는 시도입니다. 하지만 이는 올바른 방법이 아닙니다.
실제로는 다음과 같이 '클릭' 이벤트에서 'false를 반환'해야 합니다:
<a href="#" onclick="return false;">hello</a>
일반적으로 링크가 '자바스크립트 같은' 작업을 수행하는 경우에 사용됩니다. 예를 들어 AJAX 양식을 게시하거나 이미지를 교체하는 등의 작업을 수행합니다. 이 경우 호출되는 함수가 false
를 반환하도록 하면 됩니다.
그러나 웹사이트를 완전히 멋지게 만들려면 일반적으로 웹사이트를 탐색하는 사람이 자바스크립트를 실행하지 않기로 선택한 경우 동일한 작업을 수행하는 링크를 포함해야 합니다.
<a href="backup_page_displaying_image.aspx"
onclick="return coolImageDisplayFunction();">hello</a>
아주 인기있는 자바스크립트 함수를 추가하는 방법을 br> links.<, HTML, 예를 들면 다음과 같습니다. 이 ' [인쇄하십시오]' 는 다음과 같은 웹 사이트 기록되었으므로 많이 볼 수 있는 링크가
<a href="javascript:void(0)" onclick="callPrintFunction()">Print</a>
혼자 온 클릭 동시에 받을 수 있도록 필요한 이유는 'href' '작업' 완료했습니까? # 39, & # 39 위에 떠 있는 텍스트 사용자 이유는열 Print&. # 39 의 there& 때 href ', 커서는 안 된다' 는 변경하십시오 캐릿 (&, # 42351;) 대신 포인터 (&, # 128070;). Href '검증' a '태그' 만 있으면 이를 협력하였습니다 하이퍼링크입니다.
Href = ", javascript: void (0), " 대안으로 ',', ',' " href = ", # 을 사용하는 것입니다. # 39 이 대체 할 수 있는 doesn&, t # 39 의 JavaScript 켜졌음 user& 있지만브라우저에 있기 때문에 더 호환적.
태그에는 항상 href가 있어야 합니다. '정의되지 않음'을 반환하는 자바스크립트 함수를 호출해도 괜찮습니다. '#'에 링크하는 것도 마찬가지입니다.
인터넷 익스플로러 6의 앵커 태그에 href가 없는 경우 a:hover
스타일이 적용되지 않습니다.
예, 끔찍하고 반인륜적인 범죄이지만 일반적으로 Internet Explorer 6도 마찬가지입니다.
도움이 되었기를 바랍니다.
인터넷 익스플로러 6은 사실 반인류적 중대 범죄입니다.
'a' 는 'void 연산자에서 반환되기를 사용되는 값을 올릴 수 없을 만큼 새 호출이네요 있지만브라우저에 정의되지 않은'
웹 브라우저의 URL 로 로드하여 있는모든 나선다 시행하십시오 사용된 것이 아니라면, JavaScript 반환하는 함수를 nulll. 예를 들어, 만약 우리가 이 같은 링크를 클릭합니다.
<a href="javascript: alert('Hello World')">Click Me</a>
그럼 경고 메시지가 표시될 수 없이 간편하게 로드중 '경고' 는 새 페이지, null 값을 반환하는 함수를 때문이다. 즉, 새로운 웹 브라우저 시도_횟수 로드하기에 때 보이는 nulll 계시한하나님께 아무것도아니야 로드하기에.
이때 중요한 것은 스스로 대한 값을 사용할 수 없는 void 작동자 필요하다는 것입니다. 이렇게 사용하고 있다고 한다.
<a href="javascript: void(0)">I am a useless link</a>
사용 javascript: void (0) '즉' 는 앵커 대신 단추를 잘못 요소점 작성자입니다 HTML 요소.
>. 종종 악용해 온 클릭 앵커 주기표시 만들 수 있는 이벤트 >. # " href 를 설정하여 dtep 곷떒 "; 또는 " ", javascript: void (0); 수 >. 이를 통해 페이지 새로 고침. 이 값은 예기치 않게 >. 복사 / 드래그합니다 링크 링크 열기 때 비헤이비어를 새 >. javascript 가 여전히 언제 tabs/windows, 북마크, 다운로드, >. 오류뿐만 아웃하거나 비활성화되었습니다. 또한 자녀 양육에 대한 잘못된 시맨틱스를 >. 보조 기술 (예를 들어, 화면 판독기에서). 이 경우, 이는 >. 대신, ',' < button> 사용하는 것이 좋습니다. 일반적으로 사용할 수 있습니다. >. 앵커 (anchor) 를 사용하여 탐색을 위한 적절한 uirl.
출처: [# 39 의 ',' a> MDN& <, 페이지] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a).
이 개념을 이해할 수 있도록 한 것은 이해할 수 있는 공간을 연산자입니다 JavaScript 한다.
Void 구문은 운영자 입니다. & # # 187, 평가 및 있는 식 ',' void 171 expr& 되돌려줍니다 정의되지 않았습니다.
이 경우 void 구현하십시오 함수로 다음과 같습니다.
function myVoid(expr) {
return undefined;
}
즉 - 1 이 void 결과 표현식에서는 운영자에게 중요한 용도는 버립니다.
경우에 따라서는 반환되기를 정의되지 않은 것이 아닌 실행 표현식입니다. 그 때문에 무시하려면 void 사용할 수 있습니다. 이런 상황 部门从 한 javascript: 하지만, 이 url 링크의 북마크 피해야 한다는 데 유용합니다. 그 중 한 때 dell. url, 대부분의 브라우저에서 재장착합니다 url 을 평가한 결과 현재 있는 문서가 아니라, "콘텐츠" 결과가 안 정의되지 않았습니다. 따라서 현재 표시된 컨텐트에서 스케쳐내 변경하지 않고 새 창을 열려면 다음과 같이 할 수 있습니다.
javascript:void window.open("http://example.com/")
웹 개발자가 'javascript: void (0)' 의 'a' 태그이고, 기본 비헤이비어를 가장 쉬운 방법은 어렵기 때문이다. 'void ( 아무것도 )' '한 것은 정의되지 않은' 되돌려줍니다 파우시 value. 뒤 a 파우시 value 는 '에서 온 클릭' 의 'a' 이벤트 'like' 거짓값 반품하십시오 차단할 수 있는 기본 비헤이비어를 태그번호 있다.
그런 만큼 'javascript: void (0)' 가 가장 간단한 방법은 'a' 의 기본 비헤이비어를 tag.
Href 대상 지정할 수 있는 링크를 활성화하십시오 수 있어야 가능한 표시 객체에는.
대부분의 브라우저에서 분석할 수 있는 고급 JavaScript 않습니다.
<A HREF=""
다음과 같은 태그번호
<A href="JavaScript:var elem = document.getElementById('foo');"
공백을 허용하지 않기 때문에 대부분의 브라우저에서 href 태그, 아니면 둘 수 있는 20%, 이 hex 에키벨랑 공백을 변환하시겠습니까 너회의 javascript 밀어버릴꺼에요 사용할 수 있는 공간을 렌더링합니다 인터프리터는.
그래서 사용하려는 경우 A HREF 태그번호 인라인 JavaScript 를 실행할 수 있는 유효한 값을 지정해야 합니다 너무 복잡해서 isn& HREF 첫 # 39, t (doesn& 공백을 컨테인먼트하는 # 39, t) 를 선택하고, OnMouseOut 이벤트를 속성용 OnMouseOver 같은 JavaScript 의 제공하십시오 온 클릭, 태그, etc.
뭔가를 일반적인 대답은 다음과 같습니다.
<A HREF="#" onclick="var elem = document.getElementById('foo');">Get the object</a>
하지만 이 때문에 이 페이지를 정상적으로 작동하는 최고 슬픔으로창백해지고 센티리터 예증으로 / 해시 태그를 통해 이동줄을 迈向 승인하십시오.
그냥 / 해시 태그를 제공하는 센티리터 예중이 작업공간에서 A HREF 태그번호 앵커, 이는 실제로 스크립트루트 지정합니다 항상 지정할 수 있습니다, 기본적으로 페이지 상단에 이름을 사용하여 다른 위치에 있는 A HREF 속성을 specifying 인사이드라면 태그이고,
<A NAME='middleofpage'></A>
그런 다음 태그를 # 39, & # 39 를 A HREF 변경하십시오 건너뛰려면 middleofpage&. javascript 에서 발생하는 등 이벤트 한번 온 클릭, 실행할 수 있습니다.
<A HREF="#middleofpage" onclick="var elem = document.getElementById('foo');">Get the object</a>
있을 수 있는 여러 차례 않으려는 여기저기 점프를 할 수 있도록 연결하는 두 가지.
<A HREF="#thislinkname" name='thislinkname' onclick="var elem = document.getElementById('foo');">Get the object</a>
이제 다시 센터 자체가 이 페이지를 클릭하면 곳이 것입니다 하지만 그는혼자서 it&, s # 39 에서 현재 뷰포트가. 예쁜 아니다. 가장 좋은 방법은 지정하십시오. 인-라인 제공하십시오 javascript 를 사용하는 모든 A HREF 있지만 실행하지 않아도 위? Javascript void (0);
<A HREF="JavaScript:void(0);" onclick="var elem = document.getElementById('foo');">Get the object</a>
갑자기, 대신 이 브라우저를 통해 검색하기를 실행하십시오 유효함 javascript void (0); href 태그 기능은 포함되어 있지 않을 것이며, 1 위 공백 때문에 URL 로 분석되었다. 대신 컴파일러와의 의해 실행될 것으로 보인다. VOID) 은 어떤 키워드를 사용하지 않는 한 때 더 많은 자원을 제공하는 프랑터 0 으로 처리할 수 있는 모든 정의되지 않은 되돌려줍니다 발생할 지정하지 않고 반환 값은 0 (것이 더 메모리 관리 / 성능 친화적임).
다음 심아이엔큐 는 csetup 온 클릭 하면 된다. 디스플레이 와이즈 페이지 이동, 아무 일도 일어나지 않습니다.
JavaScript: Url 것. 여기서는 void 짧은 코드를 작성하는 데 유용할 수 있습니다.
var error1 = false,
error2 = false,
error3 = false;
function error1() {
error1 = true;
}
function myFunction() {
// You can easily return and call a function at once, if you don't care about myFunction's return value
if (!someCondition1)
return error1();
// What if you want to set a value first?
if (!someCondition2) {
error2 = true;
return
}
// Shortest way to return and set a value at once
if (!someCondition3)
return void(error3 = true);
// More code goes here
}
다른 예로 사용되는 '자바스크리프트리부아드 (0)'. # 39 m, i& 확실하지 않지만, 올바른 방법을 모두인지 작업
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
$(document).ready(function() {
jQuery(".show-hide-detail").hide();
jQuery(".show-hide-detail:first").show();
jQuery(".show-hide-btn a").click(function() {
var thid_data = jQuery(this).attr('data-id');
jQuery(".show-hide-btn a").removeClass('active');
jQuery(this).addClass('active');
if (!jQuery("#" + thid_data).is(":visible")) {
jQuery(".show-hide-detail").hide();
jQuery("#" + thid_data).show();
}
});
});
<section>
<div class="features">
<div class="container">
<h1>Room Dimensions</h1>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor arcu non ligula convallis, vel tincidunt ipsum posuere.sollicitudin. Duis iaculis, arcu ut hendrerit pharetra, elit augue pulvinar magna
</p>
<div class="dimension-btn show-hide-btn">
<a class="active" data-id="LivingRoom">Living Room</a>
<a href="javascript:void(0)" data-id="DiningRoom">Dining Room</a>
<a href="javascript:void(0)" data-id="Kitchen">Kitchen</a>
<a href="javascript:void(0)" data-id="MasterBedroom">Master Bedroom</a>
<a href="javascript:void(0)" data-id="Bedroom2">Bedroom 2</a>
<a href="javascript:void(0)" data-id="Bedroom3">Bedroom 3</a>
<a href="javascript:void(0)" data-id="Bathroom">Bathroom</a>
<a href="javascript:void(0)" data-id="Gym">Gym</a>
<a href="javascript:void(0)" data-id="SwimmingPool">Swimming Pool</a>
</div>
<div class="row">
<div class="LivingRoom Dimension-detail show-hide-detail" id="LivingRoom" style="display: block;"></div>
<div class="LivingRoom Dimension-detail show-hide-detail" id="DiningRoom" style="display: none;"></div>
<div class="LivingRoom Dimension-detail show-hide-detail" id="Kitchen" style="display: none;"></div>
<div class="LivingRoom Dimension-detail show-hide-detail" id="MasterBedroom" style="display: none;"></div>
<div class="LivingRoom Dimension-detail show-hide-detail" id="Bedroom2" style="display: none;"></div>
<div class="LivingRoom Dimension-detail show-hide-detail" id="Bedroom3" style="display: none;"></div>
<div class="LivingRoom Dimension-detail show-hide-detail" id="Bathroom" style="display: none;"></div>
<div class="LivingRoom Dimension-detail show-hide-detail" id="SwimmingPool" style="display: none;"></div>
</div>
</div>
</div>
</section>
끝 - < 스니핏 >;!