옛날 블로그

/* input 태그 중에서 type 속성을 text로 갖는 태그의 background 속성에 red 키워드를 적용합니다.*/ input[type=text] { background: red; } /* input 태그 중에서 type 속성을 password로 갖는 태그의 background 속성에 blue 키워드를 적용합니다.*/ input[type=password] { background: blue; } -0------------------------------------------------------------------------------------ /* img 태그 중에서 src 속성이 png로 끝나는 태그의 border 속성에 3px solid red를 적용합니다.*/ img[src$=png]..

1. 직접 태그에 style속성을 이용하여 명시하는 방법 2. 내부 스타일 시트 이용하여 명시 3.외부css파일 이용하기

이벤트 처리방법1 - 직접 태그에 명시하는 방법 이벤트 처리방법1 이벤트 처리방법2 - 태그에 ID를 걸어주고, 스크립트로 제어하는 방법 //문서가 로딩이 끝나면 window.onload = init; function init() { document.getElementById("h2").onclick = function() { this.style.backgroundColor='yellow'; } } 이벤트 처리방법3 - 모두 스크립트로 제어하는 방법 var h2 = documnet.getElementById("h2"); try { h2.addEventListener("click", function() { this.style.backgroundColor = 'pink'; }, false) h2.addEve..

두가지 방법이 있다. location.href = "http://www.daum.net"; location.replace("http://www.daum.net"); 둘이 모두 같은 결과가 보이기는 하는데, 후자는 히스토리에 쌓이지 않아 뒤로가기를 눌러도 저장이 되어있지 않아서 돌아갈수없다.

자바스크립트에서 스크린의 중심을 찾아보자 moveTo(screen.width/2 - width/2 , screen.height/2 - height/2);

본인은 에러가 나는걸 체험해보지는 못했지만 왠지 그런일이 있을것 같다. 안드로이드에서 개발할때 특히 이런일이 많은데, 화면이 로드되기전에 (jQuery에서는 document.ready 전) 그 안에 버튼같은것을 불러오게 하면 당연히 에러가 뜬다. (초보때는 이러한 실수가 잦고, 의외로 찾기 힘들었던 기억이 있다.) 따라서 자바스크립트에서는 다음과 같이 쓰기도 한다. window.onload =function() { document.getElementById//이런식으로 }

navigator라는 객체를 이용하면 된다. ---------------------------------------브라우저 알아내기--------------------------- for (var key in navigator) { console.log(key + ': ' + navigator[key]); } if(navigator.userAgent.indexOf("Chrome") != -1){ alert("크롬 브라우저를 사용하시는 군요"); }else{ alert("크롬이 아닌 다른 브라우저를 사용하시는 군요"); }

일반적으로, 자바에서는 parameter가 없는 함수에 뭘 집어넣을려고 하면 자바는 컴파일 에러를 뱉어낸다. 하지만, 자바스크립트는 변수가 특정하게 지정되지 않는 특성에 걸맞게, 인자가 없는 함수를 만들더라도 추후에 직접 그 함수를 호출할때, 파라미터로 값을 넣어도 동작한다. function sumAll() { var result = 0; for(var i in arguments){ result += arguments[i]; } return result; } console.log(sumAll(10,20,30,40)); console.log(sumAll(10,20)); console.log(sumAll(10,20,30)); 위에 arguments라고 for each처럼 뽑아낼수 있다. 결과는 다음과 같다...

function display(viewHandler) { viewHandler(); } display(displayConsole); function displayConsole() { console.log("hello..........."); } function display(viewHandler) { viewHandler(); } display(function () { alert("hello"); }); 처음방식은, 이름충돌의 가능성도 있고, 이런식으로 다시 쓸여지가 있다. 계속 재사용하면서 쓸 생각이라면 그렇게 해야한다.근데 굳이 그렇게 할필요가 없으면 필요할때 한번 전달하고 끝임. 파라매타로 함수전달이 가능하기에 이렇다

undefined형은 논리식에서 false를 반환한다if(x.yyy)yyy속성이 없으면 무조건 false JavaScript에서 === 이거 세개는 자료형과 객체 모두 같은지 비교해줌 예제1-----------------------------------------for(var i in array1) {console.log(array[i]);}이거에서 i는 인덱스가 들어감이렇게 하면 값이 튀어나옴 예제2-----------------------------------------for(var name in person) {console.log(name);}값이 오는게 아니라, 인덱스가 추출이 되는거임. 예를들어 person에 들어있는 객체이름이 나올거임. 그 값이 아니라.script의 for in 은 이름만 ..