프론트엔드/JavaScript56 iframe 내 요소와 부모 요소 간 통신 및 정리 부모 요소에 있는 함수 호출 부모 요소에 있는 함수 function test1(h) { alert('부모창 제어' + h); }; 자식 요소에서 함수 호출(parent.함수이름();) parent.test1(h); 자식 요소에 있는 함수 호출 자식 요소에 있는 함수 function sub(id) { console.log("자식창 호출" + id); }; 부모 요소에서 자식 요소 호출 ifrm은 iframe의 name 값이다 ( ifrm.sub(id); 자식요소에서 iframe 높이 조절(grid사용시 조회가 완료될 때 실행, gridComplete에 입력) gridComplete : function(){ // 그리드가 완전히 모든 작업을 완료한 후 발생하는 이벤트 console.log("조회완료"); /.. 2021. 4. 20. 특정 태그에 데이터를 지정하는 방법 data 속성, defer 속성 data속성으로 해당 데이터 가져오는 방법 문법 사과 바나나 const els = document.querySelectorAll('div') els.forEach(el => { console.log(el.dataset.fruitName); }); 결과 defer속성 필요성: 자바스크립트가 상단에 명시되어 있는경우 body태그 부분에 태그값을 못가져와 작동을 안될때 사용 SCRIPT요소에 defer속성은, HTML 구조가 준비된 후(문서 분석 이후)에 JavaScript를 해석하겠다는 의미가 있다. 외부에 있는 JS파일을 사용할 때만 해당 속성을 이용할 수 있다고 한다. 2021. 4. 11. 이전 1 ··· 7 8 9 10 다음
