'JAVA'에 해당되는 글 252건

<input type ="text" id = "text">

<input type = "submit" value = "버튼" onclick = "ckd()")

<script type="text/javascript">

window.onload = function() {

document.getElementById('text').focus();

}

function ckd() {

if (document.getElementById('text').value == "") {

alert("비었어요");

}

}

브라우저가 새로고침을 하면 text라는 id를 가진 태그에 포커스를 해준다.

text라는 id를 가진 태그의 값을 버튼 클릭 시에 체크하여 비어있다는 것을 체크해준다.

선언방법

함수명 = new Function(매개변수1, 매개변수2, ............. , 함수처리내용)

ex) str = new Function("i",return Math.abs(i))

속성

arguments : 함수의 매개변수 정보를 배열로 제공

prototype : function 객체의 속성을 정의

객체 선언 및 생성

객체 변수 = new 객체이름([전달인수리스트]);

ex)  a = new Data();  // Data() 객체를 사용하기위해 a라는 객체변수로 선언

객체는 생성자 함수를 이용하여 정의된다. 정의방법은 일반 함수를 생성하는 것과 동일

function student(a,b,c) {

this.a = a;

this.b = b;

this.c = c;

this.p = p;

}

1. student객체는 a,b,c 속성을 갖는다.

this란 예약어로서 이 생성자 함수를 호출한 객체 자신을 의미한다.

메소드는 객체가 연산을 처리하도록 하는것이며, 생성자 함수에서 선언한 이름과 동일해야한다.

function p(){    // p라는 메소드 정의

document.write(this.a,this.b,this.c);   

}

2. p()로 메소드 함수를 선언해서 처리했고, 이를 선언하는 형식은 일반 함수형식과 동일하다.

     re = new student();

re.a = "d";

re.b = "f";

re.c = "g";

        re.p();

3. student객체를 사용하기위해 re라는 객체 변수를 생성한다. 인자 값을 넘겨주고 re.p()를 사용해 출력해준다.

내장함수

alert("출력내용") : 경고창 출력

prompt("출력내용","기본문구") : 입력받을 수 있는 창을 출력함

confirm("출력내용") : 확인과 취소를 선택할 수 있는 창을 출력

eval() : 문자열을 수식으로 변경하여 계산하여 출력

isNan() : 입력값이 숫자인지 문자인지 구별하여 숫자가 아닌 경우에 true 값을 출력

parseint() : 문자열을 정수로 변환하여 출력함

parseFlost() : 문자열을 실수로 변호나하여 출력함

escape() : ISO-Lain-1문자셋을 아스키 값으로 변경하여 출력함

unescape() : 아스키 값을  ISO-Lain-1문자셋으로 변경하여 출력함

String() : 객체를 문자로 변환하여 출력함

Number() : 객체를 숫자로 변환하여 출력함

isFinite() : 입력 값이 유리수인지 판단하여 유리수의 경우에 true 값으로 변환하여 출력함

재귀함수

function factorial(num){

if(num>1){

return num * factorial(num-1)

}

else{

return num

}

}

result =  (test1 > test2) ? expression1 : expression2

?:

 연산자는 if...else 문의 단축형으로 사용할 수 있으며 일반적으로 if...else 문을 사용하면 너무 복잡해지는 식에서 사용합니다.

<태그 style = filter: 필터의 종류(속성지정)>

문자의 적용

dropshadow : 그림자 표현 

color : 색상값 지정

offx : 그림자의 x축 거리 픽셀 값

offy:: 그림자의 y축 거리 픽셀 값

position : 효과를 적용할 위치지정 , 0또는1

shadow : 번지는 그림자 표현

color : 색상 값 지정

direction : 그림자의 방향 설정

glow : 빛나는 표현

color : 색상 값 지정

strength : 번짐의 정도를 표시 1에서 100사이

문자와 그림에 적용

filph : 수평으로 뒤집기

filpv : 수직으로 뒤집기

alpaha : 그림 경계 투명처리

opacity : 불투명 표현

style : 그림 경계 모양을 표현

finishopacity : 그림경계의 불투명도 설정

startx : x축의 시작좌표

starty : y축의 시작좌표

finishx : x축의 마지막 좌표

finishy : y축의 마지막 좌표

blur : 번지는 효과 처리

add : 원본 그림효과가 겹칠지 여부

direction : 번짐의 방향을 표시

strength : 번짐의 강도를 설정

wave : 물결의 효과 처리

add : 겹쳐질지 여부

freq : 개수 지정

light strength : 빛의 강도를 표시

phase : 웨이브 시작 위치 지정

strength : 웨이브의 강도 지정

사진에 적용

gray : 흑백 사진으로 변환

invert : 그림 반전시키기

xray : x-ray 촬영사진 표시

chroma : 배경색을 투명하게 처리

커서 스타일

ex)"cursor : help" 

default : 기본값

crosshair : 십자가

pointer : 손모양

move : 이동 툴 모양

text : 문서를 적을때 나타나는 모양

wait : 모래시계모양

help : 물음표모양

n-resize : 방향화살표모양

스크롤바 색상 스타일

ex)scrollbar-track-color : 색상

scrollbar-face-color : 스크롤바 기본색상

scrollbar-darkshadow-color : 스크롤바가 움직이는 트랙의 바탕색상

scrollbar-track-color : 스크롤 바가 움직이는 트랙의 바탕색상

scrollbar-arrow-color : 스크롤바 위, 아래의 화살표 색상

scrollbar-shadow-color : 스크롤바의 왼쪽과 위쪽라인에 사용되는 그림자 색상

scrollbar-highlight-color : 스크롤바의 오른쪽과 아래쪽라인에 사용되는 하이라이트 색상

scrollbar-3dlight-color : 입체감을 표현위해 스크롤 바의 오른쪽과 아래쪽에 그려지는 라인색상