href = "javascript : func()"href = "#"onclick = "javascript : func()"

Question

<a href="javascript:expand()"> and <a href="#" onclick="javascript:expand()"> 

다른 점은 무엇입니까?

저는 href="#"이 요즘 더 표준적인 방법임을 알고 있습니다. 내 문제는 사용자가 토글을 클릭 할 때 확장/축소되는 표준 드롭 다운 메뉴가 있다는 것입니다.

아래 코드에 대해 href="#"을 수행하면 사용자가 페이지를 펼칠 때마다 항상 사용자가 쉽게 사용할 수없는 위쪽으로 다시 스크롤됩니다.

사용자가 펼치기를 클릭 할 때 href="javascript:expand()"을 사용하면 페이지가 이동하지 않으며 모든 것이 정상입니다.

대신 href="javascript:expand()"을 사용하면 문제가 발생합니까? 또는 href="#"을 수정하면 사용자가 확장을 클릭 할 때마다 페이지가 맨 위로 스크롤되지 않습니다.

감사합니다.

편집 :이 질문은 이전에 요청되었을 수도 있지만 내 견해에서 보는 것입니다. Im는 다만 설명보다는 오히려 제안을 요구해.

Answer 1

JavaScript onclick 이벤트 처리기가 false을 반환하면 스크롤이 발생하지 않습니다. 당신은 이런 식으로 작업을 수행 할 수 있습니다

<a href="#" onclick="expand(); return false;"> 

당신의 onclick 핸들러가 false를 반환하지 않는 경우

는 href 링크를 따라야합니다. href="#"의 경우 페이지 상단으로 스크롤한다는 의미입니다.

Answer 2

유지하려는 경우 href="#" 당신이 자리를 차지할 기본 앵커 클릭 동작을 방지

function expand(e) { 
    e.preventDefault() 
    // ... 
} 

을 할 수있는, 또는 당신이 그것의 끝에서 false를 반환 할 수있다.

나머지 질문은 JavaScript function in href vs. onclick입니다.이 질문은 기본적으로 사용자가 묻는 것입니다.

Answer 3

가장 좋은 방법은 <a> 요소를 사용하지 않는 것입니다. 의미 론적으로 적절한 요소를 사용하거나 <div> 대신 사용하십시오.

Answer 4

당신은 시도해야합니다 :

<a href="javascript:void(0);" onclick="expand();">Expand</a> 

Answer 5

이 시도 = "#"이 HREF = 대체 HREF의 insted "자바 스크립트 :;"