html 빈 링크 href='#' 와 href='javascript:void(0)' 의 차이점-HTML 튜토리얼-php.cn

html 빈 링크 href='#' 와 href='javascript:void(0)' 의 차이점

不言

풀어 주다： 2018-05-08 14:47:48

원래의

2289명이 탐색했습니다.

더 나은 사용자 경험을 위해서는 페이지 상단으로 이동한다는 차이점이 있습니다.

#에는 위치 정보가 포함되어 있습니다.
기본 앵커는 웹페이지의 상단인 #top입니다
그리고 javascript:void(0)는 데드 링크만 나타냅니다.
이것이 때때로 페이지가 매우 길고 탐색 링크가 다음과 같은 이유입니다. 분명히 # 하지만 페이지 상단에서 튕깁니다
하지만 javascript:void(0)는 그렇지 않습니다
따라서 스크립트를 호출할 때는 void(0)를 사용하는 것이 가장 좋습니다
다음 예제를 사용하여 테스트할 수 있습니다.
Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
</head> 
<body> 
这里是页首..... 
<p> 
 </p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<a href="#">这是会跳到页首的</a>
 
<a href="javascript:void(0)">这个不会跳动</a> 
</body> 
</html>

로그인 후 복사

팁: 부분을 먼저 수정해도 됩니다. 코드를 다시 실행하세요

위 내용은 html 빈 링크 href='#' 와 href='javascript:void(0)' 의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!