Notice
Recent Posts
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 깃허브
- jstl
- 자바
- 폼태그
- jquery
- html
- 제이쿼리
- 오라클
- java
- 설정
- 깃허브 간단요약
- 마이바티스
- 스프링
- 자바스크립트
- MySQL
- Oracle
- 면접
- 필터체인
- 이클립스
- 알고리즘
- 설치
- 버튼
- Eclipse
- jsp 내부객체
- jsp
- 셋업
- EL태그
- SESSION
- Spring
- springboot
Archives
- Today
- Total
은은하게 코드 뿌시기
자바스크립트/javascript - javascript:void() 본문
728x90
Javascript:void()
보면 아래와같이 적용되어있는 경우를 알수있다.
<a href="Javascript:void()" onclick="Window" onclick="window.open"></a>
a 태그 를 href에 지정한 url 로 페이지가 바뀌면서 이동하는 용도로 많이 사용하는데
이때 페이지가 바뀌면서 이동을 하게된다.
a태그의 디자인은 사용하고싶은데 링크 기능을 사용 하고싶지 않을때,
페이지가 바뀌면서 이동을하지 않게 하고싶을때는
javascript:void()를 사용하면 된다.
void 연산자가 undefind 값을 돌려주어 아무런 동작을 하지 않게 되는 원리이다.
void의 경우 void(), void(0) 등등을 사용해도 문제되지않으나 일반적으로는 숫자 0을 사용한다고한다.
+ javascript:undefined 라고 지정해서 사용 해도 되지않을까?
예전이는 undefined 가 global 변수로 사용되어져 다시 재사용 될 수있는 소지가있어
void(0)로 많이 사용하는 편이라고한다.
+ 위와같은 사용은 구버전 브라우저에서 정상적으로 보이지 않는 경우가 있다고한다.
728x90
'웹 > 웹프로그래밍' 카테고리의 다른 글
replace / jstl / javascript 문자열 바꾸기 (0) | 2023.02.28 |
---|---|
[자바스크립트] location.href 새창 띄우기/ 버튼onclick으로 경로이동하기 (0) | 2022.12.22 |
제이쿼리(jQurey) - 플러그인 (0) | 2022.11.15 |
자바스크립트 - 함수 (0) | 2022.11.10 |
자바스크립트 - 객체 (0) | 2022.11.10 |
Comments