programming/ETC

[ETC] JavaScript 주소창에서 실행하기

LeeBorn 2019. 10. 23. 00:00
반응형

https://leeborn.tistory.com/entry/a-tag의-href-의미

 

[HTML&CSS] a tag의 href="#" 의미

홈페이지에서 링크를 걸 때 href="#id"의 형식으로 걸어서 해당 id 위치로 이동할 수 있다. 그리고, a tag를 사용하지만, onclick을 사용해서 다른 작동을 하거나, 단순 a의 스타일을 따를 때 href="#"의 형태를..

leeborn.tistory.com

이전 포스팅에서 a태그의 클릭 시 href의 속성에 대해서 쓴 적이 있다.

그때, href="#", href="javascript:;"에 대해서만 적었는데,

이번에 href="javascript:void(0)"도 같은 동작을 한다는 걸 알았다.

그래서 3개의 차이점을 궁금해하면서 javascript:void(0);에 대해서 검색을 해보는데,

검색이 되지 않았다.

 

해당 문자열을 주소창에 치면 아무런 동작도 하지 않는다.

javascript:; 도 마찬가지다.

이전 href의 속성으로 "javascript:;", "javascript:void(0);"썼을때,

다른 동작이 없었던 거와 같은 원리인 것 같다.

 

다른 스크립트도 실행을 할 수 있다.

javascript:alert("test");

를 실행하면 alert("test")가 실행된다.

테스트해보기 위해서 윗글을 복사해서 주소창에 입력한다면,

alert("test")만 입력이 될 것이다.

그래서 앞의 javascript: 는 손수 입력해줘야 한다.

 

또, javascript:"test 1"을 입력한다면,

"test 1"이 표시된 페이지가 출력되고,

javascript:function testfor() { var x; for (x=0; x < 3; x++) { alert(x); } } testfor();

위와 같은 코드를 실행하면 alert()이 차례대로 뜨는것으로 실행된다.

 

어디다 쓸 수 있을지는 모르겠지만,

우연히 발견해서 적어둔다.

반응형