|
'Language/JAVASCRIPT'에 해당되는 글 106건
- 2011.05.11 파이어폭스(Firefox) / IE : getYear 와 getFullYear 의 차이점
- 2011.04.25 모니터, 브라우저 높이/넓이
- 2010.12.29 자바스크립트 배열 추가,삭제, 문자열반환
- 2010.12.01 자바 스크립트 배열 선언
- 2010.11.24 내용 복사 하기
- 2010.11.19 자바스크립트 - charAt, indexOf, substring의 차이점
- 2010.10.28 window.open
- 2010.10.27 문자 치환, 정규식, str.replace
- 2010.10.13 history(), find(), setTimeout(), clearTimeout(), setIntervalTime(), moveBy(), moveTo(), resizeBy(), resizeTo(), scrollBy(), stop()
- 2010.10.12 부모창 리로드시 경고 메시지 없애기
Language/JAVASCRIPT 2011. 5. 11. 15:02
파이어폭스(Firefox) / IE : getYear 와 getFullYear 의 차이점
예제 소스 파일명: example.html
<script type="text/javascript">
var d = new Date();
// getFullYear()는 모든 브라우저에서 동일한 결과
document.write(d.getFullYear(), '<br />');
// 출력 결과 : 2007
document.write(d.getYear(), '<br />');
// IE에서는: 2007
// 파폭에서는: 107
</script>
Language/JAVASCRIPT 2011. 4. 25. 16:40
screen.availHeight 브라우저 전체 높이 = (해상도 높이 - 하단 퀵런치 높이)
screen.availWidth 브라우저 전체 너비 = 해상도 너비
screen.height 모니터 해상도 높이
screen.width 모니터 해상도 너비
document.body.clientHeight 브라우저 안쪽 높이
document.body.clientWidth 브라우저 안쪽 너비
Language/JAVASCRIPT 2010. 12. 29. 10:17
자바스크립트 배열 추가,삭제, 문자열반환
* 글쓴이 : 권희영
* 작성일 : 2009.11.09
1. 배열 선언하기
var empty = []; //빈배열
var empty = new Array(); //빈배열
var intArr = [1,2,3,4,5]; //숫자배열
var mixArr = [1,2,100,"abc"]; //서로다른 타입이 섞인 배열
var table = [base,base+1,base+2]; //임의 수식이 있는 배열
var objArr = [[1,{x:1,y:2},[2,3]]; //객체 리터럴이나 또 른 배열 리터럴을 포함하는 배열
2. 배열을 스택처럼 다루기
1) Array.shift(); // 배열의 첫 번째 원소 삭제
2) Array.unshift(); // 배열의 첫 번째 원소 추가
3) Array.push(); // 배열의 마지막 원소 추가
4) Array.pop(); // 배열의 마지막 원소 삭제
(까꿍 다른 포스팅 참고: http://blog.naver.com/cacung82/10074383169)
3. 배열을 자르고 변경하고
1) slice()
- 배열내 배열 추출
var testArr = ['a', 'b', 'c', 'd' ];
document.write( testArr.slice(1) ); // ['b', 'c', 'd']
document.write( testArr.slice(1,3) ); // ['c', 'd'] -> 마지막 인덱스는 결과값에 포함되지 않는다.
2) concat()
- 두 개의 Array를 합쳐서 하나의 Array로 리턴한다
var alpha = ['a', 'b']
var alpha2 = ['c', 'd', 'e']
var str = alpha.concat( alpha2 );
document.write(str); // ['a', 'b', 'c', 'd', 'e']
3) splice()
Array.splice(위치,삭제갯수,삽입요소1,삽입요소2,.....,삽입요소N)
예1)
var arr=["하나","둘","셋","넷"]
arr.splice(2,0,"둘반","둘반의반");
결과)
arr=>["하나","둘","둘반","둘반의반","셋","넷"]
예2)
var arr=["하나","둘","셋","넷"]
arr.splice(2,1,"둘반","둘반의반");
결과)
arr=>["하나","둘","둘반","둘반의반","넷"]
4) join()
- 배열의 모든 원소를 문자열로 변환하고 이어 붙여서 반환,전달자로 구분자
var a = [1,2,3];
var s = a.join();
document.write(s);//"1,2,3";
도움 되시는 분은 마구마구 퍼가세용~
대신 우리 개발자끼리는 좀 퍼가실 때 댓글도 좀 남겨주고 그릅시다 ㅋㅋㅋ
Language/JAVASCRIPT 2010. 12. 1. 11:34
※ 배열 선언
var arr = Array(4);
var arr = Array();
var arr = Array("aaa","bbbb","cccc");
var arr = ["aaaa","bbbbb","ccccc","dddd"];
※ 네이티브 객체
var arr = new Array();
Language/JAVASCRIPT 2010. 11. 24. 17:35
<input type="hidden" id="click" value="$copyDetailVal">
<a href="javascript:copyDetail('click');" style="color:blue;">내용복사</a>
<script>
function copyDetail(obj)
{
var doc = document.all[obj].createTextRange();
document.all[obj];
doc.execCommand('copy');
alert("소스가 복사 되었습니다. ");
}
</script>
Language/JAVASCRIPT 2010. 11. 19. 17:43
1. charAt(인수) - 인수번째의 문자를 읽어 냅니다.
예) "javascript".charAt(2)에는 'v'가 읽어 집니다. 0부터 시작하기 때문에 3번째인 'v'가 읽어 집니다.
2. indexOf(인수) - 인수가 들어있는 위치를 알려 줍니다.
예) "javascript".indexOf("s")에는 4가 읽어 집니다. 0부터 시작하기 때문입니다.(lastIndexOf는 뒤에서부터 셈)
3. substring(인수, 인수) - charAt은 문자하나를 읽어내지만 substring은 문자열을 읽어 냅니다.
예) "javascript".substring(1, 3)은 "ava"를 추출해냅니다. 0부터 시작하기 때문입니다.
자바 스크립트 배열 선언 (0) |
2010.12.01 |
내용 복사 하기 (0) |
2010.11.24 |
window.open (0) |
2010.10.28 |
문자 치환, 정규식, str.replace (0) |
2010.10.27 |
history(), find(), setTimeout(), clearTimeout(), setIntervalTime(), moveBy(), moveTo(), resizeBy(), resizeTo(), scrollBy(), stop() (0) |
2010.10.13 |
Language/JAVASCRIPT 2010. 10. 28. 10:59
window.open("주소","팝업창이름","속성값");
속성 이름 |
설명 |
값 |
toolbar |
도구 모음 표시 여부를 결정한다. |
yes / no |
menubar |
메뉴 표시 여부를 결정한다. |
yes / no |
status |
상태 표시줄 표시 여부를 결정한다. |
yes / no |
location |
주소 입력줄 표시 여부를 결정한다. |
yes / no |
scrollbars |
스크롤바 표시 여부를 결정한다. |
yes / no |
resizable |
window 크기 조절 가능 여부를 결정한다. |
yes / no |
top |
화면상에 열리는 Y 좌표값을 결정한다. |
(숫자값) |
left |
화면상에 열리는 X 좌표값을 결정한다. |
(숫자값) |
width |
화면상에 열리는 window의 폭을 결정한다. |
(숫자값) |
height |
화면상에 열리는 window의 높이를 결정한다. |
(숫자값) |
[팝업창
예제]
<html>
<head></head>
<script language="JavaScript">
function popup(){
var width = "700";
var height = "300";
LeftPosition=(screen.width)?(screen.width-width)/2:100;
TopPosition=(screen.height)?(screen.height-height)/2:100;
url =
"D:/test/popup.html";
winOpts="scrollbars=no,toolbar=no,location=no,directories=no,width="+width+",height="+height+",resizable=no,mebar=no,left="+LeftPosition+",top="+TopPosition;
var obj = window.open(url,'popup', winOpts);
}
</script>
<body>
<a href="Javascript:popup();">test팝업
</a>
</body>
</html>
내용 복사 하기 (0) |
2010.11.24 |
자바스크립트 - charAt, indexOf, substring의 차이점 (0) |
2010.11.19 |
문자 치환, 정규식, str.replace (0) |
2010.10.27 |
history(), find(), setTimeout(), clearTimeout(), setIntervalTime(), moveBy(), moveTo(), resizeBy(), resizeTo(), scrollBy(), stop() (0) |
2010.10.13 |
부모창 리로드시 경고 메시지 없애기 (0) |
2010.10.12 |
Language/JAVASCRIPT 2010. 10. 27. 18:56
-SCRIPT-
var regExp = /\s\*/g;
var str = "This *is *a *test *String";
var resultString = str.replace(regExp,'-');
document.writeln(resultString);
-출력-
This-is-a-test-String
-표현식 설명-
\s : 공백
\* : 0개 이상이 아닌 * 문자
g : 전체 문자열에서
즉, 전체 문자열에서 공백+별 로 되어 있는 문자 패턴을 말한다.
자바스크립트 - charAt, indexOf, substring의 차이점 (0) |
2010.11.19 |
window.open (0) |
2010.10.28 |
history(), find(), setTimeout(), clearTimeout(), setIntervalTime(), moveBy(), moveTo(), resizeBy(), resizeTo(), scrollBy(), stop() (0) |
2010.10.13 |
부모창 리로드시 경고 메시지 없애기 (0) |
2010.10.12 |
정규식 예 (0) |
2010.09.27 |
Language/JAVASCRIPT 2010. 10. 13. 14:06
window.history.back(); 또는 history.back(); 이렇게 해야 함
find()
파인드 메소드는 윈도우 객체에서 사용 하며 사용법은 window.find() 로 사용
이 메소드는 IE에서는 적용이 되지 않고 넷스케이프네비게이터에서 적용
메소드를 적용하면 IE에서 문자열 찾기와 같은 기능을 수행
setTimeout() / clearTimeout() / setInterval()
먼저 setTimeout()메소드는 윈도우 객체에서 사용 하고
메소드에 지정된 시간이 되면 함수를 실행
사용법은
window.setTimeout("실행할 함수", 시간) 또는 setTimeout("실행할 함수", 시간)
이렇게 사용 합니다. window 객체를 사용 하는 메소드는 window를 쓰지 않아도 실행
그리고 clearTimeout()은 setTimeout()으로 실행 한 함수를 멈출때 사용
이럴때는 먼저 setTimeout()메소드를 변수에 메모리 하고 그것을 clearTimeout에서 사용
예를 들어
rangs = window.setTimeout("실행할 함수", 시간);
이렇게 함수를 실행했다면 해제 할때에는
window.clearTimeout(rangs);
.
그리고 setTimeout("실행할 함수", 시간); 여기서 시간이란 1/1000초.
즉 setTimeout("실행할 함수", 1000); 이면 1초후에 함수를 실행.
그리고 setInterval() 메소드는 setTimeout() 메소드와 동일하나
setTimeout는 함수를 지정된 시간후에 한번 실행 하고 setInterval()메소드는
인터발(간격)을 두고 함수가 계속해서 실행.
예를 들어
window.clearInterval("실행할 함수", 5000);
이렇다면 5초 간격으로 함수가 계속해서 실행 됩
moveBy() / moveTo()
마찬가지로 윈도우객체에서 사용하는 메소드
moveBy 상대적으로 이동 moveBy(x축,y축)
moveTo 절대적으로 이동 moveTo(x축,y축)
관련 예제
resizeBy() / resizeTo()
윈도우 객체에서 사용 하는 메소드
resizeBy(가로, 세로) 상대적인 크기
resizeTo(가로, 세로) 절대적인 크기
onLoad="parent.resizeTo(500,400)"
위와 같이 소스를 BODY 태그에 넣고 해보세요 그럼 페이지 로딩시 절대적인 크기로 뜹
scrollBy() / scrollTo()
윈도우 객체에서 사용 하는 메소드
scrollBy(가로스크롤, 세로스크롤) 상대적인 스크롤
scrollTo(가로, 세로) 절대적인 스크롤
관련 예제
stop()
윈도우 객체에서 사용 하는 메소드 브라우저에 위에 보면 중지(빨간색 엑스자:IE기준) 버튼 기능 수행
[출처] history(), find(), setTimeout(), clearTimeout(), setIntervalTime(), moveBy(), moveTo(), resizeBy(), resizeTo(), scrollBy(), stop()|작성자 문피쉬
Language/JAVASCRIPT 2010. 10. 12. 17:56
자식창에서 특정작업 수행후 닫을때
ex)opener.document.location.reload();
this.close();
부모창에서 그 결과를 다시 리로딩하는 과정중
아래와 같은 메세지창이 안 나오게 하는 방법이 있나요.
ex)웹페이지를 다시 표시하려면 인터넷익스플로러에서
이전에 전송한 정보를 다시 전송해야 합니다.
물픔을 구매한겨우 [취소]를 클릭하여
중복거래를 방지해야 합니다.그렇지 않으면 [다시 시도]를 클릭하여
웹페이지를 다시 표시하십시오.
[다시시도(R)] [취소]
결국은 다시시도 버튼을 눌러서 보게되는데,
버튼 클릭하지 않고 보이게 할려면 어떻게 해야되나요?
============================================================================
부모창이 post 방식으로 불리워져서 그런것 같습니다.
부모창을 get 방식으로 부르시던가 reload가 아니고 location.href을 이용하여
전체 url을 이용하여 call 해주셔야 할것 같습니다.
출처 -http://flex.okjsp.pe.kr/seq/147079
문자 치환, 정규식, str.replace (0) |
2010.10.27 |
history(), find(), setTimeout(), clearTimeout(), setIntervalTime(), moveBy(), moveTo(), resizeBy(), resizeTo(), scrollBy(), stop() (0) |
2010.10.13 |
정규식 예 (0) |
2010.09.27 |
이미지 슬라이딩 출력 수정본 (0) |
2010.09.24 |
이미지 슬라이딩 출력 (0) |
2010.09.24 |
|