<!DOCTYPE html>
<html>
<head>
<title>::: 09_javascript :::</title>
<script type="text/javascript">
//문자열 길이 확인하기
function goLength(){
var v = "abcd efg hijk 홍길동";
var len = v.length;
document.getElementById("p1").innerHTML = len;
}
// 문자열 찾기
function goIndexOf(){
var p1_str =
document.getElementById("p1").innerHTML;
// alret(p1_str);
// 특정 문자의 시작위치 찾기
var idx = p1_str.indexOf("locate");
document.getElementById("p2").innerHTML=idx;}
// 문자열 찾기
function goLastIndexOf(){
var p1_str =
document.getElementById("p1").innerHTML;
// alret(p1_str);
// 특정 문자의 마지막 시작값 찾기
var idx = p1_str.lastIndexOf("locate");
document.getElementById("p2").innerHTML=idx;
}
</script>
</head>
<body>
<h3>문자열 관련 함수 및 속성들</h3>
<p id="p1">Please, locate where 'locate'</p>
<p id="p2">찾은 문자열의 위치값 출력</p>
<button onclick="goLength()">문자열 길이 확인하기</button>
<button onclick="goIndexOf()">문자열 찾기</button>
<button onclick="goLastIndexOf()">문자열 마지막 위치 찾기</button>
</body>
</html>
'Javascript' 카테고리의 다른 글
| 11. Javascript_goReplace, 배열 만들기, 화면 초기화 기 (0) | 2023.03.06 |
|---|---|
| 10. Javascript_특정 위치의 문자 추출하기(goSlice, goSubstring, goSubstr) (0) | 2023.03.06 |
| 08. Javascript_객체 생성, 처리하기 (0) | 2023.03.06 |
| 07. Javascript_데이터 타입 (0) | 2023.03.06 |
| 06. Javascript_누적함수 만들기 (0) | 2023.03.06 |
