Category Archives: JavaScript

– 출처 : http://whiteship.tistory.com/ – === 는 변수의 값과 타입이 모두 같은지 확인하는 연산자이다. x=5 y=”5″ x==y returns true x===y returns false

– 출처 : http://blog.naver.com/logix21c/10052596040 – 1. 복사할 내용이 Text 일때 바로 복사하기 ——————————————————————-  <script type=”text/javascript” language=”javascript”>   <!–    function clipboard(str){     window.clipboardData.setData(‘Text’,str);     alert(“클립보드에 복사되었습니다.”);    }   //–>  </script> <a href=”javascript:clipboard(‘클립보드’);”>클립보드</a> ——————————————————————- 2. 텍스트박스 안에있는 내용을 클립보드로 복사하기 ——————————————————————- <script type=”text/javascript” language=”javascript”> <!–  function selectall(param){  param.select();  var clip=param.createTextRange();  clip.execCommand(‘copy’);  alert(‘클립보드에 복사되었습니다’);  } //–> </script>… Read More »

– 출처 : http://cafe.naver.com/tonkjsp/226 – – 출처 : http://dongsilove.tistory.com/101 – * Date 객체 생성 var dtNow1 = new Date(); // 시스템 오늘 날짜 var dtNow2 = new Date(5999000920); // 밀리초 값으로 날짜를 객체 생성 var dtNow3 = new Date(“March 12, 1980 12:20:25”); // 문자열 값으로 날짜를 객체를 생성 var dtNow4 = new Date(1977,10-1,28)  // 직접 년, 월, 일 값을… Read More »

페이지를 만들다가 어디에도 잘못된 곳이 없는데 tiles 레이아웃이 적용되지 않는 문제가 있었다. 정말 희한했던 것은, 소스보기를 하면 레이아웃의 모든 부분에 대한 소스가 보이는데, 실제 화면에서는 레이아웃 부분이 보이지 않았다는 것이다. 아무튼 고생고생 하면서 원인을 찾다가 다음의 코드가 원인임을 알았다. window.onload = initFunction;   //initFunction은 직접 정의한 함수 레이아웃을 구성하는 페이지 중에 onload 이벤트를 사용하는 부분이 있었는데, 내가… Read More »

– 출처 : http://taizyeris.tistory.com/241 – 팝업을 띄울때 팝업에 실제와 같은 사이즈를 주어서 띄워도, sp2에서 팝업창 아래 상태바가 있는 경우와 그외의 os에서 상태바가 없는 경우 창 안의 내용들이 달라 보이는 경우가 있다. 또한 앞으로 나올 IE7의 경우에는 창 상단에 주소까지 나와서 많이 틀려보이는 경우가 발생한다. 이때 다음과 같은 스크립트를 사용하여 onload에 넣어주면, 상당히 깔끔한 window resize가 된다.… Read More »

– 출처 : http://stylekai.tistory.com/124 – 오늘 간만에 JavaScript를 사용하다.. 다시한번 빠져든 이야기.. 다음과 같은 태그로 구성된 document가 있다고 하자.. <table onclick=”go(1);”> <tr> <td><span onclick=”go(2);”>메롱메롱</span></td> </tr> </table> 여기서, 내가 기대한 동작은.. span태그가 감싸고 있는 부분(메롱메롱)을 누르게 되면 go함수에 2를 전달하게 되고, 기타 테이블의 다른 영역을 클릭하게 되면, go함수에 1을 전달하는 시나리오였다.. 그런데.. span태그가 감싸고 있는 부분을 아무리… Read More »

내가 경험한 케이스는, 자바 문자열로 alert의 내용을 구성할 때에 \n을 자바 문자열로 만들었을 경우였다. \n 을 \\n 으로, 다시 말해서 역슬래쉬를 이스케이프 처리하니 해결되었다.

– 출처 :  http://webprogrammer.tistory.com/1194 – //var    _intValue   = ‘0123456789’; //var    _upperValue = ‘ABCDEFGHIJKLMNOPQRSTUVWXYZ’; //var    _lowerValue = ‘abcdefghijklmnopqrstuvwxyz’; //var    _etcValue   = ‘~`!@#$%%^&*()-_=+\|[{]};:\’\”,<.>/?’; //var    dayOfMonth = new Array(31,28,31,30,31,30,31,31,30,31,30,31); n = (document.layers) ? 1:0; ie = (document.all) ? 1:0; if (n) document.captureEvents(Event.KEYPRESS); function fnTest(pval) {   fnTest =  doReverse(pval.value) ;   alert… Read More »

– 출처 : http://webprogrammer.tistory.com/1276 – 보통 브라우저명을 체크할 때 아래 코드를 많이 사용합니다. var DOM = (document.getElementById) ? true : false; // W3C 표준 var IE4 = (!DOM && document.all) ? true : false; // IE4 var IE5 = (DOM && (navigator.userAgent.indexOf(“MSIE”)>-1)) ? true : false; // IE5 >= 5 var NS4 = (!DOM && document.layers)… Read More »

– 출처 :  http://cafe.naver.com/tonkjsp/226 – ▶ 자바스크립트 객체      – 구현 엔진과는 관계없이 언어에 종속에 된다.          즉 , 자바스크립트를 어디에서 구현하느냐와 관계없이 객체를 사용이 가능하다.      – 각 객체는 기 본 데이터 타입과 함께 전환 함수 등의 추가적인 기능을 포함하고 있다.          – 자바스크립트의 모든 객체는 배열을 상속하고 있다.      – 자바스크립트 객체는 Object라는 객체에 기초를 둔다.      -… Read More »

 var testObj = obj      //obj : 필드를 가지고 있는 Object  var alertStr = “”;  for (objKey in testObj){   alertStr += “testObj [“+objKey +”] = ” + testObj[objKey]+”\n”;  }  alert(alertStr);

http://www.lovelgw.com/Blog/54

– 출처 : http://expert0226.tistory.com/54 – isNaN(판별대상) isNaN: is Not a Number 판별대상이 숫자이면 false 를, 숫자가 아니면 true 를 반납한다.

* 자바스크립트 배열(array) 관련 문법- 출처 : http://www.yunsobi.com/blog/3 – – 배열의 생성                    var arr = [1,2,3,4,5];                  //리터럴로 생성 var arr = new Array();                    //Array 클래스로 생성 var arr = new Array(5);        … Read More »

[출처] input type=”image”타입은 submit 타입인데 이걸 버튼타입으로 변경|작성자 제임스 다음과 같이 생성한 이미지 버튼은 submit 버튼과 동일하게 작용하며, onsubmit 이벤트를 발생시킨다. <input type=”image” src=”../images/kaho.gif” /> <참고> onsubmit 이벤트 제어하는 예제 1. html 폼 부분    <form method=”post” action=”../test.jsp” onsubmit=”return submitForm()”> 2. 자바스크립트 부분    function submitForm()   {        var f = document.frm; // 폼 이름       … Read More »

[출처] 자바스크립트 defer 속성 (웹기프트) |작성자 슈퍼맨 브라우저에게 스크립트가 문서컨텐트를 생성하지 않는다것을 명시하여 브라우저는 웹페이지가 모두 로딩된 후 스크립트를 처리하게 된다. 간간이 벌어지는 스크립트 에러 방지. <script language=”JavaScript” type=’text/javascript’ defer=’defer’ ></script> 단, IE에서만 가능!!!

    //전역변수 선언, boolean 이나 정수값이나 아무거나…     var isSubmitted = false;           //한번만 submit 하기 위한 함수 정의.     //submit 하는 함수 중간에 넣던지 form의 onsubmit 이벤트에 걸던지 알아서..     function oneTimeSubmit(){              if(isSubmitted == false){               isSubmitted = true;       //이 부분은 form submit을 하건 return true를 하건 알아서…       … Read More »

http://cafe.naver.com/tonkjsp/229

window.onload 시 실행할 함수를 지정하는 좀 더 세련된 방법이 있었다. 이벤트 리스너를 이용하는 것이었는데…     if(window.addEventListener){                //모질라 계열의 경우           window.addEventListener(“load”, callback함수, false);              }else if  (window.attachEvent){             //IE 계열의 경우           window.attachEvent(“onload”, callback함수);                            } * 이벤트 해제    – 모질라계열 : object.removeEventListener(“eventName”, functionName, true/false);                         =>세번째인자 –  true : 케스케이드 다운 방식 / false : 버블 업 방식… Read More »

1. 파이어폭스    – innerText (X) => innerHTML (O)    – style=”cursor:hand” (X) => style=”cursor:pointer” (O) [출처] 파이어폭스 에서도 잘 돌아가는 웹사이트 만들기?|작성자 난 나야