본문 바로가기

JAVASCRIPT

 (66)
JAVASCRIPT ) setInterval / setTimeout setInterval() ==> 주기적인 스케줄링 clearInterval      setTimeout() ==> 단발성 스케줄링 clearTimeout 0STARTSTOP " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스  0STARTSTOP   setInterval은 CPU에 문제가 생기기때문에 잘 쓰지않는다.따라서 아래코드처럼 setTimeout을 setInterval처럼 사용해야한다.
JAVASCRIPT ) Element 속성 API Element.getAttribute(name)속성값 가지고오기Element.setAttribute(name, value)속성 추가하기Element.hasAttribute(name);속성 유무 확인하기Element.removeAttribute(name);속성 제거하기 const la = document.querySelector('#la'); document.write( la.getAttribute('class') + "" ); //lalaladocument.write( la.hasAttribute('title') + "" ); //falsela.setAttribute('title', '타이틀입니다.'); //title 속성을 만듬document.write( la.hasAttribute('title'..
JAVASCRIPT ) DOM 제어대상 선택자 document.getElementsByTagName ("h1")html상에 태그를 가지고옴document.getElementsByClassName ("클래스명")html상에 class를 가지고옴document.getElementsByIdName ("아이디명")html상에 id를 가지고옴document.querySelector(".active, h1, #title")html상에 첫번째 태그, class, id를 가지고 오며 css표기법으로 사용한다.document.querySelectorAll("li")html상에 모든 태그, class, id를 가지고 오며 css표기법으로 사용한다.  getElementsByTagName, getElementsByClassName, getElementsByIdName ..
JAVASCRIPT ) 자바스크립트로 스타일 주기 자바스크립트로 스타일을 줄때는 아래의 구문처럼 사용한다.변수.style.스타일옵션 = "옵션값";  스타일 옵션값이 background-color 처럼 ' - '가 들어가면 카멜법으로 표기해야한다.  HTML CSS JavaScript
JAVASCRIPT ) 숫자판 예제 DIGIT! click!
JAVASCRIPT ) .length length는 인덱스+1을 의미한다.요소의 갯수가 아니다.const myA = [1004, 1005, 1006];myA[30] = 1007;let counterN = 0;for(let i=0; i");document.write(myA.length + "");document.write("요소의 갯수 : " + counterN);//1004,1005,1006,,,,,,,,,,,,,,,,,,,,,,,,,,,,1007//31//요소의 갯수 : 4  const aaa = [1,2,3];let countV = 0;aaa[100] = 10;document.write(aaa.length) // 101aaa.forEach((v) => { countV++;});document.write(countV); //4  문..
JAVASCRIPT ) 진수 표현법 진수 리딩let binaryV = 0b011010; //2진수: 0blet octalV = 043256; //8진수 : 0let decimalV = 51386; //10진수let hexadecimalV = 0x6A8FDD; //16진수 : 0xdocument.write(binaryV + octalV + decimalV + hexadecimalV);//7053151 let binaryV = 0b011010; //2진수: 0blet octalV = 043256; //8진수 : 0let decimalV = 51386; //10진수let hexadecimalV = 0x6A8FDD; //16진수 : 0xdocument.write((binaryV + octalV + decimalV + hexadecimalV).to..
JAVASCRIPT ) 객체 객체는 key(love)와 value(1005)로 이루어져있으며,객체는 순서를 보증하지 않는다.즉 index가 없다. const myO = { 'zard': 1004, 'love': 1005, 'cdr': 1006}document.write( myO + "");document.write( myO.cdr + "");document.write( myO['zard'] + "");// [object Object]// 1006// 1004 객체의 다양한 표기법const myO = { 'cdr': [ 1006, 1007, 1008], 'zard': 1004, 'love': ['hoho', 'haha', 'hihi']}// myO// myO.cdr// myO.cdr[0] / myO.cdr[..

티스토리툴바