티스토리 뷰
1. 자바스크립트 기본 구조
<script language="javascript">
document.write("문장을 써요~!");
</script>
2. 자바스크립트의 선언과 실행
1) head 부분에 쓸 수도 있고 body부분에 직접 쓰는 방법
- 단, head부분에 쓰는 것을 권장
2) 외부에서 불러와서 쓰는 방법
3) 이벤트 핸들러와 행 입력하는 방법
3. 자바스크립트 외부에서 불러와서 실행하는 방법
확장자가 '.js'인 파일을 script선언 내에서 src로 불러오면 됨.
example.js
document.write("<i>외부 파일에서 불러오기!</i>");
document.write("<hr>");
exam.html
<script language="javascript" src="example.js"/>
</script>
4. 따옴표 주의!
document.write("<font color='blue'> 파란글씨여요 </font>");
document.write('<font color="blue"> 파란글씨여요 </font>');
: 위와같이 전체를 큰따옴표로 감싸면 내부에는 작은따옴표를 쓰고, 전체가 작은따옴표라면 내부는 큰따옴표를 써야한다.
document.write("<font color="blue"> 파란글씨여요 </font>"); <=오류!!!
5. 이벤트 핸들러
<body>
<a href="JavaScript:alert('메시지박스내용이에요')">여기를 누르면! </a>
</body>
6. 변수
선언
: 변수명은
알파벳, 숫자, 언더바(_)의
조합으로
한다.
: 공백이
있어서는
안되고
첫번째
오는
문자는
숫자가
될
수
없다.
: 예악어는
변수명으로
사용할
수
없다.
: 하나의
프린트문(document.write)안에
내용과
변수를
같이
쓸
때는 "+"기호를
이용한다
: 변수선언은
기본적으로 [var 변수명] 으로하며, type은 정하지않고 자유롭게 쓸 수 있다.
<script language="javascript">
var age;
age = 25;
document.write(" age : <font color='red'> " + age + "</font>");
function sum(a1) { // 함수내에서
var num1 = 10; // var 키워드로 변수선언시 지역변수(함수내에만사용)
num2 = 20; // 그냥 선언시 전역변수(프로그램내에서 자유롭게사용)
document.write(a1+num1+num2);
}
</script>
7. 문자열에
특수문자
넣기
1) \n : enter(new line)
2) \t : tab
3) \b : back space
4) \f : form feed(다음페이지로
커서이동)
5) \r : return(줄의
처음으로
커서이동)
6) \\ : \
7) \' : '
8) \" : "
'study > WebProgramming' 카테고리의 다른 글
| [CodeIgniter 3.0] 코드이그나이터 세션을 Database에 저장하여 사용하기 (0) | 2015.08.19 |
|---|---|
| [CodeIgniter 3.0] 코드이그나이터 시작하기(설치, 기초사항 정리) (0) | 2015.05.21 |
| [JavaScript] Android/iOS UserAgent 구분 및 모바일웹페이지에서 앱 설치 여부 확인 (10) | 2015.01.15 |
| HTML_ 자바스크립트(JAVASCRIPT) 내장함수 (1) | 2011.04.10 |
| HTML_ 자바스크립트(JAVASCRIPT) 기본 (0) | 2011.04.10 |