- <!DOCTYPE html>
-
<html>
-
<head>
-
<meta charset="EUC-KR">
-
<title>Insert title here</title>
-
<script>
-
function fn_length()
-
{
-
var form = document.forms['String'];
-
var str = "지금 문자열의 길이는".length;
-
form.Length1.value = str;
-
}
-
-
function fn_replace()
-
{
-
var form = document.forms['String'];
-
var string = "abcdefghijklmnop";
-
string = string.replace(/fghij/, /abcabc/); //fghij 를 abcabc로 바꾸기
-
form.Replace1.value = string;
-
}
-
-
function fn_search()
-
{
-
var form = document.forms['String'];
-
var string = "abcdefghijklmnop";
-
string = string.search(/h/); //문자열의 문자가 몇번째 위치한지 알려줌
-
form.Search1.value = string;
-
}
-
-
function fn_split()
-
{
-
var form = document.forms['String'];
-
var string = "abcdabcab";
-
string = string.split(/a/); //a문자 기준으로 배열로 자르기
-
form.Split1.value = string;
-
}
-
-
function fn_substring()
-
{
-
var form = document.forms['String'];
-
var string = "abcdefghijklmnop";
-
string = string.substring(3, 6); //3번째~6번째 문자 자르기
-
form.Substring1.value = string;
-
}
-
-
function fn_toLowerCase()
-
{
-
var form = document.forms['String'];
-
var string = "ABCDEFG";
-
string = string.toLowerCase(); //전체 소문자로 바꾸기
-
form.ToLowerCase1.value = string;
-
}
-
-
function fn_toUpperCase()
-
{
-
var form = document.forms['String'];
-
var string = "abcdefg";
-
string = string.toUpperCase(); //전체 대문자로 바꾸기
-
form.ToUpperCase1.value = string;
-
}
-
-
function fn_trim()
-
{
-
var form = document.forms['String'];
-
var string = " 여기에 공백을 제거 111";
-
-
string = string.replace(/\s/g, "");
-
-
form.Trim1.value = string;
-
}
-
</script>
-
</head>
-
<body>
-
<form name="String">
-
<div align="center"><font size="20">String</font></div><br><br>
-
<table border="1" align="center">
-
<tr>
-
<td> length : </td>
-
<td> 문자열 길이를 나타냅니다. </td>
-
<td><input type="button" size="10" value="보기" onclick="fn_length()"/></td>
-
<td><input type="text" size="20" id="Length1" value="지금 문자열의 길이는"/></td>
-
</tr>
-
<tr>
-
<td> replace : </td>
-
<td> 문장의 문자를 다른 문자로 바꾼 뒤 리턴합니다.</td>
-
<td><input type="button" size="10" value="보기" onclick="fn_replace()"/></td>
-
<td><input type="text" size="20" id="Replace1" value="abcdefghijklmnop"/></td>
-
</tr>
-
<tr>
-
<td> search : </td>
-
<td> 문장의 문자와 일치하는 문자열의 위치를 리턴합니다. </td>
-
<td><input type="button" size="10" value="보기" onclick="fn_search()"/></td>
-
<td><input type="text" size="20" id="Search1" value="abcdefghijklmnop"/></td>
-
</tr>
-
<tr>
-
<td> split : </td>
-
<td> 문장을 자를 부분을 지정하여 배열로 리턴합니다.</td>
-
<td><input type="button" size="10" value="보기" onclick="fn_split()"/></td>
-
<td><input type="text" size="20" id="Split1" value="abcdabcab"/></td>
-
</tr>
-
<tr>
-
<td> substring : </td>
-
<td> 문장의 시작번째과 끝번째 숫자를 지정해서 문자를 자릅니다.</td>
-
<td><input type="button" size="10" value="보기" onclick="fn_substring()"/></td>
-
<td><input type="text" size="20" id="Substring1" value="abcdefghijklmnop"/></td>
-
</tr>
-
<tr>
-
<td> toLowerCase : </td>
-
<td> 문자열을 소문자로 바꾸어 리턴합니다. </td>
-
<td><input type="button" size="10" value="보기" onclick="fn_toLowerCase()"/></td>
-
<td><input type="text" size="20" id="ToLowerCase1" value="ABCDEFG"/></td>
-
</tr>
-
<tr>
-
<td> toUpperCase : </td>
-
<td> 문자열을 대문자로 바꾸어 리턴합니다. </td>
-
<td><input type="button" size="10" value="보기" onclick="fn_toUpperCase()"/></td>
-
<td><input type="text" size="20" id="ToUpperCase1" value="abcdefg"/></td>
-
</tr>
-
<tr>
-
<td> trim : </td>
-
<td> 문자열의 공백을 제거하여 리턴합니다. </td>
-
<td><input type="button" size="10" value="보기" onclick="fn_trim()"/></td>
-
<td><input type="text" size="20" id="Trim1" value=" 여기에 공백을 제거 111"/></td>
-
</tr>
-
</table>
-
</form>
-
</body>
-
</html>
변경 전
변경 후
개발/HTML2014. 12. 26. 17:29
