var win = window.open(canvas.toDataURL('image/png'));//정상적으로 열리지 않는다.


var win = window.open();

win.document.write("<img src='"+canvas.toDataURL('image/png')+"'/>");//정상적으로 열림

'javascript' 카테고리의 다른 글

[javascript] 숫자배열 정렬  (0) 2015.01.06
[javascript] !! 연산자  (0) 2014.12.03
[javascript] 배열요소 삭제 splice()  (0) 2014.12.03
[javascript] null과 undefined  (0) 2014.12.03
[javascript] 빈배열 비교  (0) 2014.11.28

var n = [12, -8, 40, -22, 8, 27, 89, 62, -90]


function compNumber(a, b){

return a - b;

}


console.log(n.sort(compNumber));


!!는 피연산자를 불린값으로 변환


console.log(!!0); //false

console.log(!!1); //true

console.log(!!'string'); //true

console.log(!!''); //false

console.log(!!true); //true

console.log(!!false); //false

console.log(!!null); //false

console.log(!!undefined) //false

splice(start, deleteCount)

start - 배열에서 시작 위치

deleteCount -  start에서 지정한  시작위치부터 삭제할 요소의 수


var arr = [1, 2, 3, 4, 5];

arr.splice(2,1); //2번째 요소를 시작점으로 1개 원소 삭제

console.log(arr); //[1,2,4,5]

console.log(arr.length); //4

'javascript' 카테고리의 다른 글

[javascript] 숫자배열 정렬  (0) 2015.01.06
[javascript] !! 연산자  (0) 2014.12.03
[javascript] null과 undefined  (0) 2014.12.03
[javascript] 빈배열 비교  (0) 2014.11.28
[javascript] border, padding이 포함된 width구하기  (0) 2014.11.05

null과 undefined 모두 값이 비어있음을 나타낸다.


자바스크립트에서 기본적으로 변수에 값이 할당되지 않으면 undefined타입이 된다.


undefined타입의 변수는 값 또한 undefined이다.


var empty;

console.log(empty); //undefined

console.log(typeof empty); //undefined



null은 개발자가 명시적으로 값이 비었음을 나타내는데 사용된다.


한가지 주의할 점이 있는데 null값의 typeof결과는 null이 아니라 object이다.


그래서 변수가 null인지 체크할때 typeof를 사용하면 안되고 ===를 사용해 변수값을 확인해야 한다.


var _null = null;

console.log(_null); //object

console.log(typeof _null === null); //false

console.log(_null === null); //true


null로 비교 안됨 false로 체크

document.querySelector('#width-test').offsetWidth;


margin값은 포함되지 않는다.


'javascript' 카테고리의 다른 글

[javascript] null과 undefined  (0) 2014.12.03
[javascript] 빈배열 비교  (0) 2014.11.28
[javascript] 대문자, 소문자 변환  (0) 2014.08.28
[javascript] Firefox offsetX, offsetY(layerX, layerY)  (0) 2014.08.25
[javascript] 공백제거  (1) 2014.08.22

toUpperCase()와 toLowerCase()를 사용하면 됩니다.


var string='UPPER lower';


string=string.toUpperCase();

console.log(string); //UPPER LOWER


string=string.toLowerCase();

console.log(string); //upper lower

상대적인 마우스 이벤트 좌표는 event객체의 offsetX, offsetY프로퍼티를 사용한다.


하지만 Firefox는 지원하지 않습니다.


layerX, layerY프로퍼티를 사용하면 됩니다.


var offsetX = (event.offsetX || event.layerX);

1. 앞 공백제거

string = string.replace(/^\s*/, "");


2. 뒤 공백제거

string = string.replace(/\s*$/, "");


3. 앞, 뒤 공백제거

string = string.replace(/(^\s*)|(\s*$)/g, "");


4. 모든 공백 제거

string = string.replace(/(\s*)/g, "");

+ Recent posts