'javascript'에 해당되는 글 3건
- 2008/02/28
- 2008/01/18
- 2007/07/27
출처 - http://kin.naver.com/detail/detail.php?d1id=1&dir_id=10102&eid=abrP+435TfhHJZt0AwyCTK+eO0c+8ifS&qb=b25TZWxlY3Q=
질문자인사 너무 감사합니다^^ 이렇게까지 상세하게 답변해 주실줄은 몰랐네요^^
|
Anchor | anchors array | Applet | applets array | Area | Array | Button | Checkbox | Date | document | FileUpload | Form | forms array | frames array | Hidden | History | history array | Image | images array | Layers | layers array | Link | links array | location | Math | MimeType | mimeTypes array | navigator | Number | Option | options array | Password | Plugin | plugins array | Radio | radio array | Reset | screen | Select | String | Submit | Text | Textarea | window | |||
|
※ 녹색은 네츠케이프, 혹은 익스플로러 전용으로만 사용되는 객체(속성,메소드)입니다 | |||
|
객체(Object) |
속성(Property) |
메소드(Method) |
이벤트핸들러(Event Handler) |
|
name |
|
| |
|
length |
|
| |
|
|
applet's methods |
| |
|
length |
|
| |
|
hash |
|
onClick | |
|
length |
concat |
| |
|
form |
blur |
onClick | |
|
checked |
blur |
onClick | |
|
|
getDate |
| |
|
activeElement |
clear |
| |
|
form |
blur |
onBlur | |
|
action |
reset |
onReset | |
|
length |
|
| |
|
length |
|
| |
|
form |
|
| |
|
current |
back |
| |
|
length |
|
| |
|
border |
|
onAbort | |
|
length |
|
| |
|
above |
load |
onBlur | |
|
length |
|
| |
|
hash |
|
onClick | |
|
length |
|
| |
|
hash |
reload |
| |
|
E |
abs |
| |
|
description |
|
| |
|
length |
|
| |
|
appCodeName |
javaEnabled |
| |
|
MAX_VALUE |
toString |
| |
|
defaultSelected |
|
| |
|
length |
|
| |
|
defaultValue |
blur |
onBlur | |
|
description |
refresh |
| |
|
length |
|
| |
|
checked |
blur |
onClick | |
|
length |
|
| |
|
form |
blur |
onClick | |
|
availHeight |
|
| |
|
form |
blur |
onChange | |
|
length |
anchor |
| |
|
form |
blur |
onClick | |
|
defaultValue |
blur |
onBlur | |
|
defaultValue |
blur |
onBlur | |
|
clientInformation |
alert |
onBlur | |
의견 쓰기
이올린에 북마크하기
이올린에 추천하기'WEB 2.0 > JavaScript' 카테고리의 다른 글
| 파일 용량 표시 함수 or 화폐 3자리 콤마 찍기( FormatNumber(CCur()) ) (0) | 2008/06/22 |
|---|---|
| 팝업리사이징 스크립트 - 펌 (0) | 2008/03/20 |
| 새창(팝업) 크기 자동조절(리사이즈,resize) - 펌 (0) | 2008/03/14 |
| 자바스크립트 이벤트의 종류 - 펌 (0) | 2008/02/28 |
| javascript 함수, 메소드, 프로퍼티 (0) | 2008/01/18 |
| web browser refresh :: 펌 (0) | 2007/07/27 |
TRACKBACK 0 AND
COMMENT 0
Javascript_개체들.txt자바 스크립트
문자열 관련 내장 함수
eval : 문자열을 숫자로 변환하여 계산결과를 반환, 일반 문자식도 변환하여 반환
ex.)
eval(수식형태의 문자열) ex) eval("54+13") -> 67
eval("document.formName.objName.value") -> objName객체의 Value를 리턴
escape() 함수와 unescape() 함수
escape() 함수는 알파벳과 숫자 및 * , @, - , _ , + , . , / 를 제외한 문자를
모두 16진수 문자로 바꾸어 줍니다.
이 함수는 쉼표와 세미콜론 같은 문자가 쿠키문자열과의 충돌을 피하기 위해 사용됩니다.
이렇게 16진수 문자열로 변환된 문자열은 unescape() 함수로 다시 되돌려줄 수 있습니다
ex.)
escape('홀맨') -> %uD640%uB9E8
unescape('%uD640%uB9E8') -> 홀맨
isFinite() 함수
isFinite() 함수는 괄호안의 값이 유한의 수인지 아닌지를 판단하여 true 나 false를 반환
재미있는 것은 isFinite("5678") 처럼 숫자형 문자열도 true입니다
ex.)
isFinite('12345') -> true
isFinite(12345) -> true
isNaN() 함수
isNaN() 함수는 괄호안의 값이 순수한 문자이면 true를 문자이지만 숫자형태이면 false를 return 해 줍니다. Not a Number 로 이해하면 되겠죠.
ex.)
isNaN('12345') -> false
isNaN('홀맨') -> true
Number() 함수
Number() 함수는 문자형태의 숫자를 숫자로 변환
ex.)
Number('33') + Number('55') -> 88
String() 함수
String() 함수는 숫자를 문자로 변환
ex.)
String(33) + String(55) -> 3355
parseInt() 함수
parseInt() 함수는 문자열을 정수로 변환시켜주는 함수입니다. 얼핏보기에는 eval() 함수나 Number() 함수와 비슷해 보이지만,
parseInt() 함수는 매개변수를 이용하여 8진수, 16진수 등의 수로도 변환이 가능하며,
숫자형과 문자형이 혼합된 문자열에서 숫자형 뒤에오는 문자형은 0을 반환하여 숫자만 출력 시켜 줍니다.
또, 소수인 경우에는 소숫점 이하를 버리고 정수만 반환합니다.
형식) parseInt(숫자형문자열,[진수])
ex.)
parseInt('33') + parseInt('55') --> 88
parseInt('33',8) --> 27
parseInt('worldcup2002') --> NaN //첫번재가 문자이므로
parseInt('2002worldcup') --> 2002 //첫번째가 숫자이므로 문자는 무시
parseFloat('33') + parseFloat('55.123') ===> 88
parseFloat() 함수
앞서 parseInt() 함수가 문자열을 정수로 변환시켜주는데 비해, parseFloat() 함수는 문자열을 부동소수점으로 변환, 만약 문자를 숫자로 변환하지 못하면 NaN을 반환
ex.)
parseFloat('33') + parseFloat('55') --> 88
parseFloat('12.345e3') --> 12345
parseFloat('worldcup2002') ===> NaN
parseFloat('2002worldcup') ===> 2002
parseFloat('33') + parseFloat('55.123') ===> 88.12299999999999 // 9999가 찍히는건 자바특성이므로 계산시 유의해야 함
length : 문자열의 길이를 반환
charAt : 특정위지의 문자를 반환
indexOf : 특정문자가 첫번째로 나타나는 위치를 정수값으로 반환
lastIndexOf : 특정문자가 마지막으로 나타나는 위치를 정수값으로 반환
charCodeAt : 특정위치의 문자의 문자코드을 반환(ASCII)
split : 문자를 특정문자를 기준으로 분리, 분리된 문자는 배열 형식으로 인식
※ 자바스크립트 함수를 정의할 때 주의해야 할 점이 있는데 함수의 정의는 반드시 <head>와 </head>태그 사이에 이루어져야 한다는 것입니다. 이는 함수가 정의되기 전에 사용되는 것을 방지하기 위한 것입니다.
alert
alert함수는 메시지와 OK버튼만을 가진 다이얼로그 박스를 보여주는 함수로 사용자의 요구를 받을 필요가 없는 메시지의 경우에 사용.(인사말 같은것)
confirm
confirm함수는 메시지와 OK/Cancel버튼을 포함한 다이얼러그 박스를 보여주는 함수로 사용자로부터 응답을 듣고 싶을 때 사용하고 사용자가 OK버튼을 누르면 true가 리턴되고 Cancel버튼을 누르면 false를 리턴
prompt
메시지와 입력필드를 가진 다이얼로그 박스를 보여주는 함수로 사용자로부터 숫자나 문자열을 입력받아 할 때 사용하는 함수.
Window 개체의 속성과 메소드
Property Discription
· .name 윈도우의 이름
· .parent 윈도우가 프레임 안에 표시된 경우 부모 윈도우
· .top 가장 앞쪽에 표시된 브라우저 윈도우
· .self 현재 윈도우를 가리키는 다른 이름
· .opener 현재 윈도우를 만든 윈도우
· .status 윈도우의 상태 표시줄
· .defaultStatus 상태 표시줄의 기본 메시지
· .frames[] 윈도우에 포함된 모든 프레임이 저장된 배열
· .innerHeight 윈도우의 내용 표시 영역의 수직 높이(픽셀 단위)
· .innerWidth 윈도우의 내용 표시 영역의 수평 높이(픽셀 단위)
· .outerHeight 윈도우의 외곽 경계까지 포함하는 부분의 수직 높이(픽셀 단위)
· .outerWidth 윈도우의 외곽 경계까지 포함하는 부분의 수평 높이(픽셀 단위)
Method Discription
· .open('URL', '새창 이름', '속성') 새로운 윈도우를 지정된 속성을 사용하여 엽니다.
· .close() 윈도우를 닫습니다.
· .focus() 윈도우로 초점을 옮깁니다.
이 윈도우를 다른 윈도우의 뒤쪽으로 표시합니다.
· .blur() 윈도우를 다른 윈도우의 뒤쪽으로 표시합니다.
· .find("text") 윈도우에서 지정한 텍스트를 검색합니다.
Math 개체의 속성과 메소드
Property Discription
· PI 윈주율을 설정합니다.
· E 오일러 상수를 설정합니다.
· LN2 밑수 2의 자연로그를 설정합니다.
· LN10 밑수 10의 상용로그를 설정합니다.
· SQRT1_2 0.5 제곱근을 설정합니다.
· SQRT2 2 제곱근을 설정합니다.
Method Discription
· sin() 삼각함수의 Sine 값을 구합니다.
· cos() 삼각함수의 Cosine 값을 구합니다.
· tan() 삼각함수의 Tangent 값을 구합니다.
· asin() 삼각함수의 Arc Sine 값을 구합니다.
· acos() 삼각함수의 Arc Cosine 값을 구합니다.
· atan() 삼각함수의 Arc Tangent 값을 구합니다.
· atan2() 삼각함수의 2 Arc Tangent 값을 구합니다.
· exp() 지수 함수를 구합니다.
· log() 로그 함수를 구합니다.
· abs() 절대값을 구합니다.
· sqrt() 제곱근을 구합니다.
· floor(x) x보다 작거나 같은 정수값을 구합니다.
· cell(x) x보다 크거나 같은 정수값을 구합니다.
· max(x, y) x와 y 중에서 큰 수를 얻습니다.
· min(x, y) x와 y 중에서 작은 수를 얻습니다.
· round() 값을 반올림합니다.
· pow(x, y) x의 y승을 구합니다.
· random() 0에서 1 사이의 난수를 구합니다.
Date 개체의 메소드
Method Discription
· getYear() 연도를 알려줍니다.
· getMonth() 월을 알려줍니다.
· getDate() 일을 알려줍니다.
· getDay() 요일을 알려줍니다.
· getHours() 시간을 알려줍니다.
· getMinutes() 분을 알려줍니다.
· getSeconds() 초를 알려줍니다.
· getTime() 시간의 단위를 1/1000로 알려줍니다.
· setYear() 연도를 설정합니다.
· setMonth() 월을 설정합니다.
· setDate() 일을 설정합니다.
· setHours() 시간을 설정합니다.
· setMinutes() 분을 설정합니다.
· setSeconds() 초를 설정합니다.
· toString() '요일, 월일, 시:분:초 연도'로 알려줍니다.
· toLocalString() '요일, 월일, 연도 시:분:초'로 알려줍니다.
· toGMTString() GMT 시간 문자열로 알려줍니다.
· UTC(Year, Month, Date) GMT 기준으로 1/1000초로 시간을 알려줍니다.
String 개체의 속성과 메소드
Property Discription
· length 문자열의 길이를 찾아줍니다.
Method Discription
· charAt(index) 지정된 위치에서 문자를 찾아줍니다.
· indexOf("문자열") 지정된 문자를 왼쪽부터 검색하여 찾아줍니다.
· lastIndexOf(""문자열) 지정된 문자를 오른쪽부터 검색하여 찾아줍니다.
· toLowerCase() 소문자로 나타냅니다.
· toUpperCass() 대문자로 나타냅니다.
· big() 글자를 크게 나타냅니다.
· small() 글자를 작게 나타냅나다.
· fixed() 글자를 타자기체로 나타냅니다.
· italics() 글자를 이탤릭체로 나타냅니다.
· sub() 아래첨자로 나타냅니다.
· sup() 위첨자로 나타냅니다.
· blink() 글자를 깜빡거리게 나타냅니다.
· bold() 글자를 굵게 나타냅니다.
· fontcolor("색") 글자의 색상을 설정합니다.
· fontsize(크기) 글자의 크기를 설정합니다.
· link("URL") 링크될 위치를 설정합니다.
· anchor() 사용 중인 링크의 형식을 나타냅니다.
Navigator 개체의 속성과 메소드
Property Discription
· userAgent 사용 중인 브라우저의 User Agent를 알려줍니다.
· appName 사용 중인 브라우저의 이름을 알려줍니다.
· appCodeName 사용 중인 브라우저의 코드명을 알려줍니다.
· appVersion 사용 중인 브라우저의 버전을 알려줍니다.
Method Discription
· javaEnabled 사용 중인 브라우저가 Java를 지원하는지의 여부를 알려줍니다.
자바스크립트로 시간을 알아보는 방법
시간 예제 설명
· 초() Second = now.getSeconds(); 초를 0에서 59까지의 숫자로 돌려줍니다.
· 분() minute = now.getMinutes(); 분를 0에서 59까지의 숫자로 돌려줍니다.
· 시간() hour = now.getHours(); 시간를 0에서 23까지의 숫자로 돌려줍니다.
· 요일() day = now.getDay(); 요일을 0(일요일)에서 6(토요일) 사이의 값으로 돌려줍니다.
· 일() date = now.getDate(); 날짜를 1에서 31까지의 값으로 돌려줍니다.
· 월() month = now.getMonth(); 월을 1(1월)에서 11(12월)까지의 값으로 돌려줍니다.
· 연도() year = now.getYear(); 연도를 0~99 사이의 값으로 돌려줍니다. 단, 0~99 사이의 값은 1999년까지만 돌려주며, 2000년 이후부터는 2자리 숫자가 아닌 4자리 숫자로 값을 돌려줍니다.
'WEB 2.0 > JavaScript' 카테고리의 다른 글
| 파일 용량 표시 함수 or 화폐 3자리 콤마 찍기( FormatNumber(CCur()) ) (0) | 2008/06/22 |
|---|---|
| 팝업리사이징 스크립트 - 펌 (0) | 2008/03/20 |
| 새창(팝업) 크기 자동조절(리사이즈,resize) - 펌 (0) | 2008/03/14 |
| 자바스크립트 이벤트의 종류 - 펌 (0) | 2008/02/28 |
| javascript 함수, 메소드, 프로퍼티 (0) | 2008/01/18 |
| web browser refresh :: 펌 (0) | 2007/07/27 |
TRACKBACK 0 AND
COMMENT 0
http://blog.naver.com/dworyu/100038574771
javascript를 이용해 web browser에 focus가 갈때 refresh 시키는 방법에 대해서 테스트 해보았다.
우선 browser의 document에 focus가 가는 지를 확인하기 위해서 body 태그의 onfocus 이벤트에 callRefresh 라는 javascript를 지정한다.
callRefresh에서 window.location.reload()를 호출하게 되면 무한루프에 빠지게 되므로 cookie 값을 이용해 문서가 focus를 가지는 최초 시점에만 reload를 호출하고 그 후에는 호출하지 않도록 한다.
<script type="text/javascript">
function callRefresh() {
if (document.cookie != null) {
if (document.cookie.indexOf("refresh=true") > -1) {
window.location.reload();
}
document.cookie="refresh=false";
}
}
function setRefresh() {
document.cookie= "refresh=true";
}
<body onfocus="calltest();">
문서가 refresh가 필요한 경우 setRefresh()를 통해 cookie에 refresh 값을 설정한다.
완벽한 예제는 아니지만 win32API의 FindWindow를 호출해 window handle을 찾아서 처리하기 어려운 경우에 적용할 만 하겠다.'WEB 2.0 > JavaScript' 카테고리의 다른 글
| 파일 용량 표시 함수 or 화폐 3자리 콤마 찍기( FormatNumber(CCur()) ) (0) | 2008/06/22 |
|---|---|
| 팝업리사이징 스크립트 - 펌 (0) | 2008/03/20 |
| 새창(팝업) 크기 자동조절(리사이즈,resize) - 펌 (0) | 2008/03/14 |
| 자바스크립트 이벤트의 종류 - 펌 (0) | 2008/02/28 |
| javascript 함수, 메소드, 프로퍼티 (0) | 2008/01/18 |
| web browser refresh :: 펌 (0) | 2007/07/27 |
TRACKBACK 0 AND
COMMENT 0
PREV
