javascript:void(0) 질문드려요..

Question

간단히 설명하자면a태그를 버튼 대용으로 쓰는데a href&#61;&#34;javascript:void(0);&#34; onclick&#61;&#34;함수&#34; 이런형태로 사용중인데레이어팝업에서 a태그 클릭시 onclick을 타는게 아니라 상단으로 스크롤이 이동을 하더라구요근데 이게 크롬이나 웨일에선 정상작동하는데 엣지에서만 안되던데브라우저별 뭔가 차이가 있나요..?여차하면 그냥 다 버튼으로 바꿔버릴려고 고민중입니다ㅜps a href&#61;&#34;javascript:;&#34; onclick&#61;&#34;함수&#34; 이 형태도 결과는 같아요ㅜㅜ

xml개발자 · Answer

자바스크립트는 브라우저에 따라서 작동 방식이 제각각입니다.브라우저 버전따라 달라기지도 하고요.정석으로 접근하시면 됩니다. 불필요한 스크립트는 제거합니다. href="javascript:void(0);" 를 제거하세요.그 스트립트를 사용하는 목적은 마우스포인터 '커서' 모양 때문에 사용하는 건데요.CSS에 a태그의 포인터를 주입하세요.a:hover { cursor:pointer;}

HJOW · Answer

a태그에 href="javascript:void(0);" 는 예전부터 의례적으로 쓰이던 코드였죠. 사실 이건 제거하든 안하든 상관없습니다.MS 엣지도 크로미움 기반 엔진으로, 자바스크립트 처리 방식은 동일합니다만(혹시나 아직도 예전버전 엣지를 쓰고있지는 않겠죠?)엣지에는 추가 보안설정을 할 수 있어, 인트라넷 환경(내부IP, localhost 도 해당) 에서는 자바스크립트 구동을 차단하도록 할 수 있습니다.보안설정 때문에 스크립트 실행이 차단됐다면 이건 개발자로서는 어쩔 수 없습니다. 대체 태그를 삽입해 자바스크립트를 켜달라고 안내하는 방법은 있습니다만.엣지를 켜고, 창 우측 상단에 점 3개 ... 아이콘을 클릭합니다. 메뉴가 그자리에 펼쳐지는데, 맨 밑에서 세번째 "설정"을 클릭합니다.새 탭이 열려서 설정 창이 열리면, 개인정보 검색 및 서비스 탭으로 들어갑니다.거기서 "균형 조정" 혹은 "기본"을 선택합니다.내용 추가합니다.방금 테스트하고 왔는데요, href 제거하니까 스크립트가 구동되는 게 아닐 텐데요.예제 소스는 간단히

TEST

테스트 이거 엣지에서 동작 잘 되요.저 href 속성이 문제가 아니라는 얘기죠.

javascript:void(0) 질문드려요..

2개의 답변

Q&A 목록