웹 API - 문자열 의 사례, Array 대상 방법, DOM

var str="       ，       ";
var key="  ";
//                
var index=str.indexOf(key);
//          ，      
str=str.substr(index, 2);
console.log(str);

2. 이 문자열 의 모든 o 가 나타 난 위 치 를 찾 습 니 다.

var str2="hello world welcome to my blog";
var index=0; //     
var key="0"; //      
while((index=str2.indexOf(key, index))!=-1){//   -1   ，     
    console.log(index);
    index+=key.length;
}

3. 이 문자열 에 문자열 이 몇 번 씩 나타 나 는 지 찾 습 니 다.

var str3="hello world welcome to my blog";
//      ——   ——         
var obj={
    "sex": " "
};
//     obj      sex    
//   ["    "]——  if      ——            
//if      true，      ，        
if(obj["sex"]){
    console.log(" ");
}else{
    console.log("  ");
}

Array. isArray (대상) - 이 대상 이 배열 instanceof 키워드 인지 판단 합 니 다. concat (배열, 배열, 배열,...) 는 새로운 배열 을 조합 합 니 다. every (함수) - 반환 값 은 불 형식 입 니 다. 함 수 는 매개 변수 로 사용 합 니 다. 함수 에는 세 개의 매개 변수 가 있 습 니 다. 첫 번 째 매개 변 수 는 요소 의 값 이 고 두 번 째 매개 변 수 는 색인 값 입 니 다. 세 번 째 매개 변 수 는 원래 의 배열 입 니 다.(소 용 없 음) 이 배열 의 모든 요소 의 값 이 조건 에 부합 되면 마지막 에 true. filter (함수) 로 돌아 갑 니 다. 배열 의 모든 요소 가 조건 에 부합 되 는 요 소 를 되 돌려 주 고 새로운 배열 을 구성 합 니 다. ush (값). 값 을 배열 에 추가 하고 마지막 까지 합 니 다. 반환 값 도 추가 데이터 후의 배열 길이 입 니 다. pp (); - 배열 의 마지막 요 소 를 삭제 합 니 다. 반환 값 은 삭 제 된 이 값 입 니 다. shift (). 배열 의 첫 번 째 요 소 를 삭제 합 니 다. 반환 값 은 삭 제 된 이 값 입 니 다. unshift (). 배열 의 첫 번 째 요소 앞 에 새로운 요 소 를 삽입 합 니 다. - 반환 값 은 삽 입 된 길이 입 니 다. foreach (함수)방법 - 배열 을 옮 겨 다 니 는 데 사용 합 니 다. for 순환. index Of (원소 값) 에 해당 합 니 다. 색인 을 되 돌려 줍 니 다. 없 으 면 - 1. join (문자열) 입 니 다. 문자열 을 되 돌려 줍 니 다. map (함수) 입 니 다. 배열 의 모든 요 소 는 이 함 수 를 실행 하고 실 행 된 결 과 를 새로운 배열 에 다시 넣 습 니 다. reverse (); 반전 배열. sort (); - 정렬, 불안정 할 수 있 습 니 다. arr. slice (시작 색인, 끝 색인). 캡 처 한 배열 의 값 을 새로운 배열 에 두 지만 끝 난 색인 에 대응 하 는 요소 값 은 포함 되 지 않 습 니 다. splice (시작 위치, 삭제 할 개수, 교체 할 요소 의 값) 는 일반적으로 배열 의 요 소 를 삭제 하거나 요 소 를 교체 하거나 요 소 를 삽입 하 는 데 사 용 됩 니 다.
문서: html 파일 을 하나의 문서 로 봅 니 다. 모든 것 이 대상 이기 때문에 이 문 서 를 하나의 대상 으로 봅 니 다. XML 파일 도 하나의 문서 로 볼 수 있 습 니 다.
HTML: 정 보 를 보 여주 고 데 이 터 를 보 여 주 는 XML: 데이터 html 파일 을 하나의 문서 로 보 는 데 중심 을 두 면 이 문 서 는 하나의 대상 으로 볼 수 있 습 니 다. 문서 의 모든 탭 은 하나의 대상 페이지 의 모든 탭 으로 볼 수 있 습 니 다. 하나의 요소 (element) 이 고 모든 요 소 는 하나의 대상 으로 볼 수 있 습 니 다.
탭 은 끼 워 넣 을 수 있 습 니 다. 탭 에는 탭 이 있 고 요소 에는 요소 가 있 습 니 다.
html 페이지 에 루트 태그 가 있 습 니 다. html - 루트 요소 라 고도 합 니 다.
페이지 에 루트 요소 (태그 - html) 가 있 습 니 다. 안에 요소 가 많 습 니 다 (태그 가 많 고 대상 이 많 습 니 다)
문서 (document): 한 페이지 는 하나의 문서 요소 (element) 입 니 다. 페이지 의 모든 탭 은 요소 입 니 다. 요 소 는 대상 노드 (node) 로 볼 수 있 습 니 다. 페이지 의 모든 내용 은 노드: 태그, 속성, 텍스트 입 니 다.
페이지 는 문서 - document 입 니 다. 문서 에 루트 요소 가 있 습 니 다. html 는 문서 와 문서 의 모든 요소 (태그) 로 구 성 된 트 리 구조 도 입 니 다. 트 리 그림 (DOM 트 리) 이 라 고 합 니 다.
문서 개체 모델 (Document Object Model, DOM 으로 약칭) 은 태그 언어 (HTML 또는 XML) 를 확장 할 수 있 는 표준 프로 그래 밍 인 터 페 이 스 를 처리 합 니 다. W3C 는 일련의 DOM 인 터 페 이 스 를 정 의 했 습 니 다. 이 DOM 인 터 페 이 스 를 통 해 웹 페이지 의 내용, 구조, 스타일 을 바 꿀 수 있 습 니 다.
DOM 에서 자주 하 는 작업 1. 요 소 를 가 져 옵 니 다. 2. 동적 생 성 요소 3. 요 소 를 조작 합 니 다 (속성 을 설정 하거나 호출 하 는 방법) 4. 이벤트 (어떤 시기 에 해당 하 는 작업 을 합 니까?)