Skip to content

Commit 4bdf746

Browse files
authored
240729 update
1 parent 90a071c commit 4bdf746

1 file changed

Lines changed: 16 additions & 3 deletions

File tree

‎a_tag_url_javascript.md‎

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
## a 태그를 주소 이동이 아닌 자바스크립트 작동방식으로 활용해보자!
1+
# a 태그를 주소 이동이 아닌 자바스크립트 작동방식으로 활용해보자!
2+
3+
<br /><br />
24

35
```html
46
<ul>
@@ -13,6 +15,7 @@
1315
</li>
1416
</ul>
1517
```
18+
1619
```javascript
1720
function click() {
1821
...logic
@@ -23,18 +26,28 @@ function click() {
2326

2427
```
2528
* 설명
29+
2630
javascript:void(0);"는 자바스크립트 이벤트 핸들러에서 주로 사용되는 특별한 JavaScript 표현식이다.
2731
이 표현식은 주로 "href" 속성에 할당되어 클릭 이벤트를 처리하고 페이지가 다시 로드되지 않도록 방지하는 데 사용된다.
2832
```
33+
2934
```
3035
* 자세한 설명
31-
1. javascript:는 링크의 URL을 자바스크립트로 처리하겠다는 것을 나타낸다.
32-
2. void(0);는 JavaScript에서 "undefined" 값을 반환하는 표현식이다.
36+
37+
1) javascript:는 링크의 URL을 자바스크립트로 처리하겠다는 것을 나타낸다.
38+
39+
2) void(0);는 JavaScript에서 "undefined" 값을 반환하는 표현식이다.
3340
"void" 연산자는 뒤에 오는 표현식을 실행하고 그 결과를 "undefined"로 만든다.
3441
```
42+
43+
<br/>
44+
3545
```
3646
* 결론
47+
3748
javascript:void(0);은 클릭할 때 아무것도 하지 않고 현재 페이지에서 이동하지 않도록 만드는 표현식이다.
49+
3850
이것은 일반적으로 JavaScript 이벤트 핸들러에서 링크의 기본 동작을 막을 때 사용된다.
51+
3952
예를 들어, 페이지의 내용을 동적으로 변경하거나 모달 창을 열 때 사용된다.
4053
```

0 commit comments

Comments
 (0)