# javascript tip

0. 선택자

document.getElementById("demo");
document.getElementsByClassName("example");
document.getElementsByTagName("li")

document.querySelector("p.example");
document.querySelectorAll(".example");

 

 

 

 

 

1. 함수 파라미터 값이 일정하지 않을때

fn("a","b","c","d","e");

 

function fn(){

var args = Array.prototype.slice.call(arguments);

 

for(var $i=0 ; $i < args.length ; ++$i)

{

alert("args["+ $i +"] : "+ args[$i]);

}

}

 

 

 

2. 문자 => 숫자 변환

parseInt( "3 명" );           => 3을 반환

parseFloat("42.195 km");  => 42.195 반환

parseInt( "0xff" );            => 255 반환      

 

 

 

 

3. 디버깅

console.log(" 체크 ");

   

 

 

 

 

4. event 

 

/* for IE */

if (!Element.prototype.addEventListener) {

 Element.prototype.addEventListener = function(event_name, func) {

  event_name = "on" + event_name;

  this.attachEvent(event_name,func);            // IE 6이하

 }

}

 

 

5. getComputedStyle

/* for IE */

if (!window.getComputedStyle) {

  window.getComputedStyle = function(element) {

    return element.currentStyle;

 }

}

 

6. iframe

<iframe src="http://www.naver.com"></iframe>

 

 

 

 

 

src="주소"	보여질 페이지 주소
name="이름"	이름 속성
width=900	가로길이
height=300	세로 길이
frameborder = 0	테두리 두께
marginwidth = 0	좌우 여백
marginheight = 0	상하 여백
scrolling=auto	스크롤바 생성 속성 (auto=>내용에따라 자동생성 , yes=>무조건 생성 , no:생성하지 않음)
align= "left"	정열 (left , right , center)

 

 

 

 

 

7. window.open()

 

window.open("main.html", "_blank", "width=480, height=640, left=100, top=200, menubar=yes, status=yes, resizable=yes,scrollbars=auto, location=yes, toolbar=yes");

 

width =100	창 가로길이
heigth =100	창 세로길이
toolbar = no	단축도구창(툴바) (no => 표시안함 , yes => 표시함)
menubar = no	메뉴창(메뉴바) (no => 표시안함 , yes => 표시함)
location = no	주소창 (no => 표시안함 , yes => 표시함)
scrollbars = no	스크롤바 (no => 표시안함 , yes => 표시함)
status = no	상태표시창 (no => 표시안함 , yes => 표시함)
resizable = no	창변형 (no => 변형안함 , yes => 변형함)
fullscreen = no	전체화면 (no => 전체화면안함 , yes => 전체화면)
channelmode = yes	최대화면 (no => 본창크기 , yes => 최대화면)
left = 0	왼쪽으로 창 고정
top = 0	위쪽으로 창 고정