> 웹 프론트엔드 > HTML 튜토리얼 > href=#과 href=javascript:void(0)_HTML/Xhtml_Webpage Production의 차이점에 대한 자세한 설명

href=#과 href=javascript:void(0)_HTML/Xhtml_Webpage Production의 차이점에 대한 자세한 설명

WBOY
풀어 주다: 2016-05-16 16:37:14
원래의
1291명이 탐색했습니다.

a href="#"> 링크를 클릭하면 페이지가 페이지 상단까지 스크롤됩니다. #기본 앵커는 #TOP

링크 클릭 후 페이지는 이동하지 않고 링크만 열립니다

효과는 위와 동일하지만 브라우저마다 차이가 있습니다.

링크를 클릭한 후 페이지가 페이지 상단으로 스크롤되는 것을 원하지 않으면 href="#" 대신 href="javascript:void(0)"를 사용하세요. 비슷한 효과

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

"#"의 차이점에 대한 자세한 설명에는 위치 정보가 포함되어 있습니다.
기본 앵커 포인트는 #top이며 웹 페이지의 상단이기도 합니다
그리고 javascript:void(0)는 데드 링크를 의미할 뿐입니다
이것이 때때로 페이지가 매우 길어서 탐색 링크가 표시되지 않는 이유입니다. 분명히 #이지만 페이지 상단으로 이동합니다
그리고 javascript:void(0 )는 그렇지 않습니다
따라서 스크립트를 호출할 때 void(0)
또는



새 창을 여는 여러 유형의 링크 방법

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

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

<script> 🎜>함수 openWin(tag,obj) <br>{ <br>obj.target="_blank"; <br>obj .href = "Web/Substation/Substation.aspx?stationno=" <br>obj. click(); <br></script>
LINK_TEST 🎜>

window.location.href=""
-------------------------------------- ------------ ------------------------- -------
#인 경우 위로 점프하는 상황이 발생합니다. 개인 컬렉션에 대한 몇 가지 해결 방법:
1:
2:

3:
4:

5: ;/span>(FF에서는 표시할 수 없는 것 같습니다)
- ------------------ ------ ---------------
JavaScript:void(0)를 주의해서 사용하세요

오늘 CGI를 디버깅할 때 분명히 CGI 프로그램이 실행되었으며 최종 결과는 정확하지만 페이지가 새로 고쳐지지 않습니다. FireFox2.0에서 테스트한 결과는 정상이지만 IE6은 새로 고쳐지지 않습니다! 주의 깊게 조사한 결과, CGI 페이지 링크는
이라는 사실을 발견했습니다. void(0) on! 먼저 JavaScript에서 void(0)의 의미를 살펴보겠습니다.
JavaScript에서 void는 표현식을 계산하도록 지정하지만 값을 반환하지 않는 연산자입니다.

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

1. javascript:void(expression_r_r)
2. javascript:voidexpression_r_r

expression_r_r은 JavaScript 표준입니다. 계산된 표현 표현식 외부의 괄호는 선택 사항이지만 작성하는 것이 좋습니다. void 연산자를 사용하여 하이퍼링크를 지정할 수 있습니다. 표현식이 평가되지만 현재 문서에는 아무것도 로드되지 않습니다. 위의 코드는 사용자가 클릭해도 아무 작업도 수행하지 않는 하이퍼링크를 생성합니다. 사용자가 링크를 클릭하면 void(0)는 0으로 평가되지만 JavaScript에는 영향을 미치지 않습니다.
여기를 클릭해도 아무 작업도 수행되지 않습니다 void(0)를 사용할 수 있지만 페이지를 새로 고쳐야 하는 경우 주의가 필요합니다.
사실 을 사용할 수 있으며, 이 문장은 제출 작업을 수행합니다. 그러면 어떤 상황에서 void(0)를 더 자주 사용하는 걸까요? 새로 고침을 하지 않으면 당연히 Ajax입니다. Ajax 웹 페이지를 보면 일반적으로 void(0)가 많이 나오므로 void를 사용할 때는 말이죠. (0) ), 이 페이지 전체를 새로 고쳐야 하는지 생각해 보는 것이 가장 좋습니다.

자바스크립트를 사용할 때 일반적으로 다음과 같은 항목을 전달합니다.

Submit 이 방법의 한 가지 문제점은 다음과 같습니다.
링크를 클릭하면 페이지가 이동하지 않지만, 스크롤 막대가 위로 스크롤됩니다.

As. 아래에 표시됩니다.

제출

또한 ###을 사용할 수 있습니다

a href="javascript:void(0)" onclick="javascript:method;return false;"
javascript:void(0)를 제출하면 점프하지 않습니다: )

또 다른 방법은 #this입니다

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