편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
2번째 줄: | 2번째 줄: | ||
==이 태그는== | ==이 태그는== | ||
[[HTML]]에서 사용되는 태그로, 스크립트를 정의하는 | # [[HTML]]에서 사용되는 태그로, 스크립트를 정의하는 태그 | ||
# 클라이언트 스크립트를 정의하며, 보통은 [[자바스크립트]]를 사용한다. | |||
==사용법== | ==사용법== | ||
11번째 줄: | 12번째 줄: | ||
</script> | </script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
# 위와 같이 사용하면, '알림' 이라는 경고창이 뜬다. | |||
위와 같이 사용하면, '알림' 이라는 경고창이 뜬다. | # 기본적으로 script 태그의 속성은 "text/javascript"이다. 따라서 자바스크립트를 사용시 생략해도 무관하다.<ref>HTML5 이전에는 반드시 타입 지정을 했었어야 했지만, HTML5에서는 기본값이 "text/javascript"이 되었기 때문에 자바스크립트를 사용하려고 하면 굳이 입력하지 않아도 된다.</ref> | ||
# 결국... | |||
기본적으로 script 태그의 속성은 "text/javascript"이다. 따라서 자바스크립트를 사용시 생략해도 무관하다.<ref>HTML5 이전에는 반드시 타입 지정을 | |||
결국... | |||
<syntaxhighlight lang="HTML"><script></script></syntaxhighlight> 사이에 스크립트 명령어를 넣으면 스크립트를 사용할 수 있다. | <syntaxhighlight lang="HTML"><script></script></syntaxhighlight> 사이에 스크립트 명령어를 넣으면 스크립트를 사용할 수 있다. | ||
===외부에서 불러와 사용=== | ===외부에서 불러와 사용=== | ||
HTML 내부에 넣는 것이 아닌 외부에 있는 스크립트 파일을 불러와 사용 할 수 있다. | # HTML 내부에 넣는 것이 아닌 외부에 있는 스크립트 파일을 불러와 사용 할 수 있다. | ||
# 보통 협업을 해야하는 경우나, 스크립트 부분의 내용이 많은 경우에는 분리해 사용한다. | |||
보통 협업을 해야하는 경우나, 스크립트 부분의 내용이 많은 경우에는 분리해 사용한다. | # script 태그 뒤에 '''src'''를 붙혀 사용하면 된다. | ||
# 상대경로, 절대경로 둘 다 사용이 가능하며, 웹상에 있는 파일도 사용이 가능하다. | |||
script 태그 뒤에 '''src'''를 붙혀 사용하면 | # 이렇게 쓰면 된다. | ||
<syntaxhighlight lang="HTML"><script src="test.js"></script></syntaxhighlight> | |||
이렇게 쓰면 된다. | <syntaxhighlight lang="HTML"><script src="../test.js"></script></syntaxhighlight> | ||
<syntaxhighlight lang="HTML"> | <syntaxhighlight lang="HTML"><script src="https://common.gaon.xyz/js/bootstrap/bootstrap.js"></script></syntaxhighlight> | ||
<script src="test.js"></script></syntaxhighlight> | |||
<syntaxhighlight lang="HTML"> | |||
<script src="../test.js"></script></syntaxhighlight> | |||
<syntaxhighlight lang="HTML"> | |||
<script src="https://common.gaon.xyz/js/bootstrap/bootstrap.js"></script> | |||
</syntaxhighlight> | |||
==각주== | ==각주== |