홈페이지에 자바스크립트를 삽입해서 이쁘게 맹글어보고
싶은데 스크립트가 너무 길어서 넣기 조금 힘드시죠?^^
물론 원래 긴 스크립트를 넣는게 기본이긴 하지만
스크립트를 자신의 방식에 맞게 이미지주소등을 수정했다면 그런담에
홈페이지에 스크립트를 삽입할때 그 소스를 js파일로 만들어서
삽입해보세요.
그리고 같은 문서내에 여러가지 종류의 스크립트를 같이 사용하고
싶을때 무쟈게 길고 복잡한 스크립트는 삽입하기에 여간 정신
혼란한게 아니죠. 물론 그렇게 삽입한다고 해서 어렵거나 잘못될
이유는 없지만서도...
그럴때 간단하게 js파일을 이용해봅니다.
소스삽입하기가 훨씬 쉬워지겠죠?
예를 들어 아래와 같은 눈땡이 떨어지는 스크립트를 문서에 삽입하고
싶다고 가정을 한다면요.
< script language="JavaScript1.2">
< !-- Begin
var no = 8 ; // 갯쑤
var speed = 2 ; // 속도
var snowflake =
"이미지경로"; //
...중간생략...
// End -->
< /script>
그럼 위의 스크립트에서 <!-- 부터, //--> 까지
즉,<!-- Begin 부터, // End --> 까지,
한마디로 맨처음의 <script language="JavaScript">와 마지막의
</script>부분을 뺀 부분만을 복사해서 js 파일로 저장합니다.
그러니까 자세하게 설명하면 나모로 하시는 분은 새글열기로
나모에서 신규화면을 하나 열어서 편집상태상에서 자신이 원하는
소스를 입력하거나 붙여넣기 한담에
<script language="JavaScript">와 마지막의 </script>
부분을 삭제해버리고 그 나머지 가운데 부분만을
'다른이름으로 저장'하기로 저장하면서 확장자명을
(원하는파일명.js) 로 정하는겁니다.
나모가 없으신분은 메모장을 열어서 똑같이 하셔도 됩니다.
예제소스를 flower.js 라고 저장했다고 하자구요.
그런다음에 자신이 삽입하고자 하는 HTML문서를 열어서
원래 지정된 대로 <head>사이건 <body>사이건 넣어주세요.
< script language="JavaScript" src="flower.js"></script>
라고 넣어주기만 하면 됩니다.
혹시 flower.js파일이 다른 디렉토리에 있다면 그 경로를
다 넣어주면 되겠죠?
'Javascript' 카테고리의 다른 글
| 클릭하면 사라지는 공지창 (0) | 2016.06.01 |
|---|---|
| 투명창공지 (0) | 2016.06.01 |
| 마우스를 갖다대면 내려오는 이미지... (0) | 2016.06.01 |
| 팦업창 없애는 소스 (0) | 2016.06.01 |
| 이미지위에 마우스대면 나타나는 풍선도움말 (0) | 2016.06.01 |