>  기사  >  웹 프론트엔드  >  href=#과 href=javascript:void(0)의 차이점

href=#과 href=javascript:void(0)의 차이점

高洛峰
高洛峰원래의
2017-03-01 14:37:221445검색

a href=# 링크를 클릭하면 페이지가 페이지 상단까지 스크롤됩니다. # 기본 앵커 포인트는 #TOP이며, 링크를 클릭하면 페이지가 이동하지 않습니다. 자세한 내용은 링크만 열립니다. a href="#"> 링크를 클릭하면 페이지가 페이지 상단까지 스크롤됩니다. #기본 앵커 포인트는 #TOP

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

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

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

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

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

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

1.window.open('url')
2. 함수

코드는 다음과 같습니다.

<script> 
function openWin(tag,obj) 
{ 
obj.target="_blank"; 
obj.href = "Web/Substation/Substation.aspx?stationno="+tag; 
obj.click(); 
} 
</script> 
<a href="javascript:void(0)" onclick="openWin(3,this)">LINK_TEST</a> 

window.location.href=""

--------- --------- ---------------------------- --------
#이면 맨 위로 이동합니다. 개인 컬렉션의 여러 솔루션:
1: 6b0da6d38e340e6a590cff29d8e276f55db79b134e9f6b82c0b36e0489ee08ed ;a href="javascript:void(0)">5db79b134e9f6b82c0b36e0489ee08ed
3:8d26f13a22ed48196444b8655a09e9505db79b134e9f6b82c0b36e0489ee08ed ;a href="#" onclick="return false">5db79b134e9f6b82c0b36e0489ee08ed
5:< ;span style="cursor:hand">54bdf357c58b8a65c66d7c19c8e4d114(표시할 수 없는 것 같습니다 FF)
------------ ---------------------- ---------------- ------
JavaScript를 주의해서 사용하세요: void(0)

오늘 CGI 디버깅을 해보니 분명히 CGI 프로그램이 실행되어 최종 결과가 정확했지만 페이지가 새로고침이 되지 않았습니다. FireFox2.0에서 테스트한 결과는 정상이지만 IE6은 새로 고쳐지지 않습니다! 주의 깊게 조사한 결과, CGI 페이지 링크는 JavaScript에서 void는 표현식을 계산하도록 지정하지만 값을 반환하지 않는 연산자입니다.

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

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

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

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

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

As. 아래에 표시됩니다.

cf705981e8e0dc2dc307278456d727f3제출5db79b134e9f6b82c0b36e0489ee08ed

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

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

또 다른 방법은 #this입니다

a href="#this" onclick="javascript:method"


더 보기 a href=#with a href의 차이점에 대한 관련 기사 =javascript:void(0), PHP 중국어 웹사이트를 주목해주세요!