336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

JAVASCRIPT에서 배열사용하는 방법을 알려드릴꼐요.

 

예제를 보시고 유용하게 사용하세요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 array_javascript 호출합니다.
function array_javascript(){
    var arr = new Array();    //배열정의
 
    arr[0= 'jdk\'';    //배열은 0부터 시작하며, 순차적으로 넣습니다.
    arr[1= 's ';
    arr[2= 'blog';
 
    alert(arr[0]+""+arr[1]+""+arr[2]);    //배열을 알림창에 넣습니다.
}
</script>
</head>
<body>
<input type='button' onclick='array_javascript()' value='버튼'/>
</body>
</html>
cs

 

 

처음에 나오는 버튼을 클릭하면 밑에 그림이 나오는 것을 확인할 수 있어요.

 

 

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

 

안녕하세요

이제부터 textBox에 글자를 버튼으로 인해서 textBox를 변경하는 방법을 알려드릴꼐요.

도움이 되었으면 좋겠어요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<meta charset="utf-8"/>
<html>
<head>
<title>JDK's 블로그</title>
<script language="javascript">
//textBox에 jdk's blog를 추가합니다.
function input_Text(){
    document.getElementById("test").value = 'JDK\'s blog';
}
</script>
</head>
<body>
<input type='text' id='test' value='test용'/><input type='button' onclick='input_Text()' value='버튼'/>
</body>
</html>
cs

이제 textBox 전후를 보여드릴꼐요.

document.getElementById("ID").value로 특정 ID를 가져다가 넣도록 했습니다.

 

 

 위에 화면이 버튼 클릭전이고, 밑에가 클릭후에 나오는 화면이예요. 이만 마치겠습니다.

 

 

 

 

'JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT 이차원배열 사용하기  (0) 2015.11.22
JAVASCRIPT 배열사용법  (0) 2015.11.22
JAVASCRIPT에 태그 추가하기  (0) 2015.11.21
JAVASCRIPT 즐겨찾기 추가하기  (0) 2015.11.21
JAVASCRIPT 문자열 찾기  (0) 2015.11.19
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

HTML안에 태그를 추가하는 방법을 알려드릴꼐요.

ID를 이용해서 innerHTML를 추가할려고 합니다.

확인하고, 유용하게 쓰길 바래요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<meta charset="utf-8"/>
<html>
<head>
<title>즐겨찾기 추가</title>
<script language="javascript">
//span1에 jdk's blog를 추가합니다.
function innerHTML_f(){
    document.getElementById("span1").innerHTML = 'JDK\'s blog';
}
</script>
</head>
<body>
<span onclick='innerHTML_f()' id='span1'>123123</span>
</body>
</html>
cs

 

 

 일단 이렇게 결과가 나와요. 123123을 클릭하면..

 

JDK's blog가 나와요.

 

이렇게 해서 태그도 추가가 가능해요.

 

 

 

 

+ Recent posts