posted by changhozz 2012. 8. 27. 15:58

document.title     ㅡ>  문서의 제목.

document.lastModified    ㅡ>  변경날짜.

얘네는 속성이였고,

메서드 접근.

날짜를 알기위해선, 날짜 메서드에 접근하기 위해선, Date 객체형의 변수를 선언한뒤 접근해야함.

today = new Date();

today.getFullYear()     ㅡ> 현재 년도.

today.getMonth()    ㅡ> 현재 달.

today.getDate()   ㅡ> 현재 일.

today.getHour()    ㅡ> 현재 시.

today.getMinutes()     ㅡ> 현재 분.

 

웹 브라어저 히스토리 이동하기.

이건 자바스크립트에 쓰는게 아니라, HTML에서 바로 사용하면된다.
history.go() 를 사용한다.

ex)

<input type = "button" value = "이전 페이지로" onClick = "history.go(-1)">

 

값이 없다.

undefined  ㅡ>  값이 아예 할당이 되지않은거.

null  ㅡ> 값이 할당이되긴했는데 아무것도 없는 값이 할당되었다는거.

ex)
var momo;
if(momo==undefined){
document.write("값이 할당 되지 않았음.");
}

if문에서 값이 할당되지 않았거나 null이 할당된경우에 변수 자체는 false가 됨.
값이 할당됫다면 true임.

 

연산자========================================================================

==   ㅡ> 타입이 달라도 값만 같으면 true 반환.

===   ㅡ> 타입도 같고 값도 같을때만 true 반환.

주의할점은 자바는 타입이 다른데 비교할라하면 compile이 안되는데,

자바스크립트는 아무렇지않게 비교가능.

ex)

var  a = 1;
var b = "1";
if(a==b).......    ㅡ> true임...............

 

-------------------------------------------------------------------------------

typeof 연산자.
변수의 타입을 반환한다.

ex)
var a = 1;
var typename = typeof a ;

document.write(typename);     ㅡ>   number

 

 

---------------------------------------------------------------------------------

in/instanceof    연산자

in    ㅡ>  지정된 속성이 객체에 포함되어 있는지 체크할때 사용.

ex)   if("cpu" in mycomputer)   ㅡ>  true, false를 반환.

instanceof    ㅡ> 지정된 객체 변수가 특정 객체를 통해 선언된 것인지 체크

ex) var str = new String("String1");
if(str instanceof String)     ㅡ> true,false를 반환.

 

 

--------------------------------------------------------------------------

이벤트 핸들러,

<body onload = "load_func()"> 이런식으로 해도 되지만,

HTML의존 없이,   그냥
window.onload = function(){
    alert("환영합니다.");
}

이렇게 해줘도 됨.

 

-------------------------------------------------------------------------

리턴.

<form action = "..." onsubmit="return check()">
.....
</form>

function check(){

if(...)
    return true;

else
    return false;
}

 

이런식으로 onsubmit에 check() 함수를 retrun과 함께 설정하고 있다. 이는 check 함수의
리턴 값을 그대로 onsubmit에 넘겨주겠다는 의미이다. 그래서 만약 check함수에서 어떤
조건 하에서 false를 리턴하게 되면 이 폼은 절대로 submit이 되지 않게 될 것이다. 그래서 이러한
방식은 사용자가 입력한 정보를 submit하기 전에 원하는 정보가 모두 입력되었는지 체크하기
위해 많이 사용한다. 그래서 만약 특정 정보가 입력되지 않았다면 여기에서 바로 false를 리턴하여
사용자에게 입력을 요구할 수 있게 된다.

'자바스크립트' 카테고리의 다른 글

자바스크립트 사용시 주의사항  (0) 2012.08.27
자바스크립트에 대한 내 생각  (0) 2012.08.27
[HTML] name과 id의 차이점.  (0) 2012.08.27
중요한것들 정리.(1)  (0) 2012.08.17
자바스크립트 정리 <9>  (0) 2012.08.13
posted by changhozz 2012. 8. 27. 15:40

문자열은 '' , " " (작은따옴표, 큰따옴표) 어느것으로 해도 무방하다.

ex) documnet.wirte("hellow world");
     documnet.wirte('hellow world');
허나 작은따옴표를 사용하자. 왜냐면 속성을 지정해줄때 큰따옴표로 하기때문.
ex) onClick = "push('버튼 1번이 눌렸습니다.')"
속성과 텍스트를 구분지어주기 위해서.

 

자바스크립트의 코드는 <head>안에 삽입하는것이 좋다.
<body>부분에 삽입해도 상관없지만, 해석되지도 않은 코드를 실행함으로써,
발생하는 문제를 미연에 방지하기위해 head부분에 삽입하여 한번 거쳐오는것이 좋다.

 

자바스크립트를 지원하지 않는 웹 브라우저가 있으므로 항상 코드부분엔 주석을 달아줘야 한다.
안그럼 코드자체가 웹상에 노출된다.
<!--코드 내용//-->

 

 

함수의 매개 변수 정보

자바스크립트에서 함수를 실행할 때 정의된 매개 변수보다 더 많은 매개 변수를 사용하여도
에러가 생기지 않는다. 가령 함수 정의에는 매개 변수가 하나만 있는데, 실제 실행시
매개 변수 3개를 사용하는 경우 뒤에있는 2개의 매개변수는 무시된다.

 

지역변수 전역변수.

전역변수 ㅡ> 함수밖에서 선언된 변수, 함수안에서 var를 사용하지않고 그냥 선언된 변수.

전역변수 ㅡ> 함수안에서 var를 사용하여 선언된 변수.

'자바스크립트' 카테고리의 다른 글

자바스크립트 사전  (0) 2012.08.27
자바스크립트에 대한 내 생각  (0) 2012.08.27
[HTML] name과 id의 차이점.  (0) 2012.08.27
중요한것들 정리.(1)  (0) 2012.08.17
자바스크립트 정리 <9>  (0) 2012.08.13
posted by changhozz 2012. 8. 27. 15:22

자바스크립트는 스크립트 언어로, 자바나 C와같이 컴파일을 하지않고, 인터프리터방식으로
클라이언트 쪽에서만 실행된다.
따라서 클라이언트에 관련된 HTML과 서버에 관련된 JSP의 중간역할로 보면 될것같다.
HTML만으로는 비밀번호나 아이디에 중복검사,일치를 알아낼수없다.
그렇다고 JSP에 보내어 DB도 필요없는 단순 검증을 서버까지 연결시키기엔 복잡하다.

따라서 단지 클라이언트 쪽에서 서버를 탈 필요없이 로직적인 부분이 필요하다면,
이때 자바스크립트가 필요한것같다.

'자바스크립트' 카테고리의 다른 글

자바스크립트 사전  (0) 2012.08.27
자바스크립트 사용시 주의사항  (0) 2012.08.27
[HTML] name과 id의 차이점.  (0) 2012.08.27
중요한것들 정리.(1)  (0) 2012.08.17
자바스크립트 정리 <9>  (0) 2012.08.13
posted by changhozz 2012. 8. 27. 11:38

[HTML] name과 id의 차이점

name
(1) document.폼객체명.폼원소명.value
(2) document.getElementsByName("네임명")
id
(1) document.all.id.value
(2) id.value
(3) document.getElementById("폼원소아이디").value

name은 페이지 안에 이름이 중복되어 사용이 가능하며 action에 해당하는 페이지로 파라미터 키로 사용된다.

idHTML4에서 부터 생긴 개념이다.

XML문서(DOM Tree) 내에서 Node를 식별하는 용도로 사용되어 페이지 안에 이름이 한개만 존재해야 한다.

보통은 특정 tag를 지정하기 위해서 사용합니다.태그 내용을 바꾸는 dhtml 작업에서 주로 사용합니다.

참고로 id로 설정된 값은 서버쪽으로 파라미터로 넘어가지 않기 때문에 서버쪽에서 접근이 안된다.

id는 자바 스크립트에서 다룰려고 지정하는 것이고

name은 파라미터 전송을 하기 위해서 지정하는 것이다.

** 파폭이나 크롬에서는 document.getElementByIdid로만 읽습니다.

 

'자바스크립트' 카테고리의 다른 글

자바스크립트 사용시 주의사항  (0) 2012.08.27
자바스크립트에 대한 내 생각  (0) 2012.08.27
중요한것들 정리.(1)  (0) 2012.08.17
자바스크립트 정리 <9>  (0) 2012.08.13
자바스크립트 정리 <7>  (0) 2012.08.13
posted by changhozz 2012. 8. 17. 14:34

-----------------------------창-------------------------------------

prompt("창에 쓰일 내용"," 사용자가 쓸 텍스트 창에 미리 쓰여있을 글. ");

alert("창에 쓰일 내용");

-------------------------------이벤트(액션)--------------------------------

onload ㅡ><body> 태그의 이벤트 속성으로 페이지가 열릴때 나타낼 이벤트.

onclick ㅡ> onclick을 지정한 것을 클릭하였을때 나타날 이벤트.

onfocus ㅡ>무언가에 포커스가 잡혔을때,
쉽게말해 input text박스에 커서가 들어왔을때.
(커서가 들어왔을때 text박스에 value를 바꿔주거나 할때 사용하면 좋지.)

onkeypress  ㅡ>  키를 눌렀을때 발생하는 이벤트. text박스에 숫자만 집어넣고 싶을때, 영문자만 가능하게 할때, 특정문자는 입력불가하게 쓸때. 근데 얘는 쫌 늦게 먹힘. nate 비밀번호 확인할 때 생각해봐.

onkeyup

onblur ㅡ> 포커스를 잃었을때 발생하는 이벤트
예를 들면, text박스에 글쓰다가 딴데 클릭하면 창을 띄운다던가, 거의 강압적일때 쓰지,
또 예를들면, 주민등록번호 앞에 6자리를 다쓰고 뒷자리 쓸라고 포커스를 옮길때,
생년월일 부분에 주민번호값으로 채워주게하던가 이럴때 쓰지

alt ㅡ> 마우스 올리면 그림 설명하는 창 뜨게 하는거.

(얜 css) style = "cursor:pointer"    ㅡ> 그림에 지정해줬다치고, 그림위에 마우스를 올리며 손가락 표시로 바뀜.

------------------------------------------변수---------------------------------

자바 스크립트는 세가지 기본 데이터 타입을 사용한다.
바로 text, number, boolean 

var ㅡ> 변수를 생성하는 키워드

const ㅡ> 상수를 생성하는 키워드.

변수를 선언할때 , 타입의 지정없이 값을 넣어 주게되면 자동으로 타입이 지정된다.

ex) var a = 10;  으로 하면 a는 number 타입이 된것이다.

그치만 나중에 a에 텍스트를 넣는다면 a는 다시 String 타입으로 바뀐다.

 

-------------------------------------잡것---------------------------------------------

 

 

-------------------------------------element------------------------------------

웹 페이지 엘리먼트와 엘리먼트의 value와의 차이.

웹 페이지 엘리먼트는 자바스크립트에 객체로서 노출되는데, 이는 엘리먼트를 조작하기 위해
내가 사용할 수 있는 프로퍼티와 메서드들을 가지고 있음을 의미한다.
이러한 프로퍼티 중 하나가 value인데, 이는 엘리먼트에 저장된 값을 가직 있다.
한가지 예로, 폼 필드의 value는 필드에 입력된 데이터를 말한다.

'자바스크립트' 카테고리의 다른 글

자바스크립트에 대한 내 생각  (0) 2012.08.27
[HTML] name과 id의 차이점.  (0) 2012.08.27
자바스크립트 정리 <9>  (0) 2012.08.13
자바스크립트 정리 <7>  (0) 2012.08.13
자바스크립트 <6>  (0) 2012.08.13
posted by changhozz 2012. 8. 13. 19:03

var ultra =document.getElementById(ultram);

ultram이라는 ID를 갖은element를 불러와서 ultra라는 객체에 저장하겠단뜻. 

'자바스크립트' 카테고리의 다른 글

[HTML] name과 id의 차이점.  (0) 2012.08.27
중요한것들 정리.(1)  (0) 2012.08.17
자바스크립트 정리 <7>  (0) 2012.08.13
자바스크립트 <6>  (0) 2012.08.13
자바스크립트. <4>  (0) 2012.08.10
posted by changhozz 2012. 8. 13. 14:52

타이머 설정과 해체를 위한 setTimeout/clearTimeout 메서드.

setTimeout는 일정한 시간이 지난 후에 "호출함수"를 한번만 실행하는 메소드다.
setTimeout 메서드는 두개의 매개변수를 가진다.

타이버ID = setTimeout("호출함수","지연시간");

첫 번째 매개변수는 지정한 시간이 지난 후 한 번만 실행되는 호출함수이고 두 번째 매개변수는
얼마만에 호출함수를 실행할지를 결정하는 시간 간격이다. 이 간격은 1/1000초 단위로 지정되어 있다.
setTimeout메소드의 결과값은 타이머ID이다. 타이머 ID는 한 프로그램에서 여러 개의 타이머를 설정하였을 경우
이를 구분하기 위해 사용된다.

clearTimeout(타이머ID);

clearTimer() 메서드는 setTimeout()로 설정된 내용을 정지하도록 하는 메서드이다.
clearTimer() 메서드의 매개변수는 setTimeout 메서드의 리턴값인 타이머ID이다.
타이머 ID에 해당되는 타이머 설정을 해제한다.

-----------------------------------------------------------------------------------------------------

타이머 설정과 해제를 위한 setInterval / clearInterval 메서드

setInterval() 메서드는 setTimeout() 메서드와 마찬가지로 일정 시간 간격 후에 명령을 수행한다.
차이점이 있다면 setTimeout() 메서드는 "호출함수"를 한번 실행하는 반면 setInterval()메서드는
주어진 시간 간격동안 "호출함수"를 무한정으로 반복 실행한다. 일정한 간격동안 지속적으로
작업이 일어나기 원할 경우 setInterval 함수를 사용한다. 자바스크립트에서 플래쉬와 같은
애니메이션 효과를 보기 위해서 사용되는 가장 기본이 되는 메서드가 바로
setInterval()이다.

사용법,

타이머ID=setInterval("호출함수","간격");

 

----------------------------------------------------------------------------------------------------

하위 창을 열어준 부모 창을 가리키는 opener

window 객체의 open() 메서드를 사용하면 새로운 창이 열린다. 새로 열린 창에서 이 창을 열어준 부모 창을
접근할 수 있다. opener는 새로 열린 창에서 자기를 열어준 부모창을 가리키는 속성이다.

window.opener.속성
window.opener.메서드

 

 

'자바스크립트' 카테고리의 다른 글

중요한것들 정리.(1)  (0) 2012.08.17
자바스크립트 정리 <9>  (0) 2012.08.13
자바스크립트 <6>  (0) 2012.08.13
자바스크립트. <4>  (0) 2012.08.10
자바스크립트 정리. <3>  (0) 2012.08.10
posted by changhozz 2012. 8. 13. 13:48

브라우저 객체.

자바스크립트에서는 웹 페이지의 구성 요소를 객체로 정의하여 제공한다.

웹 페이지를 작성하는데 가장 기본이 되는 언어가 HTML이다. HTML의 다양한 태그들을 사용하여 웹 페이지를 작성한다. 웹 브라우저는 HTML택로 구성된 웹 페이지를 읽어 들여 분석한다. 그 결과는 바로 우리가 인터넷을
항해하면서 볼 수 있는 많은 페이지로 나타난다. 자바스크립트는 웹 페이지를 구성하는 HTML 태그의 모든
요소와 웹 브라우저를 구성하는 요소들을 객체로 재공한다. 이들 갤체는 웹 브라우저를 대상으로 이루어진 ㄱㄱ체이므로 브라우저 객체라고 한다. 브라우저 객체로 대표되는 객체에는 window 객체, document 객체, history 객체, location 객체, navigator 객체가 있다. 이들 객체들은 많은 속성과 메서드를 갖고 있다.

 

객체 

설명 

window 

창에 대한 전반적인 모든 상황을 제어하는 최상위 객체이다. 자바스크립트에서 사용되는 모든 객체는 window 객체의 하위에 존재한다. 예를들어 상태 바에 메시지를 출력하려면 window 객체로 접근해야 한다. 

document 

문서에 대한정보를 제어하는 객체로, 이미지나 폼을 구현할 경우 웹페이지의 문서에 출력한다.
document 객체는 이미지를 출력하기 위한 image 객체, 입력양식을 구현하기 위한 form 객체 등 다양한 객체들을 하위 객체로 갖고 있다. 

location 

 주소 정보를 제어하는 객체이다. 

history 

웹 브라우저에 기록되어 있는 히스토리 정보를 제어하는 객체이다. 

navigator 

웹 브라우저의 종류를 판별해 주는 객체이다. 

 

이처럼 window가 최 상위 객체이기 때문에 원래대로라면,

window.document.write("출력할 글자");    ㅡㅡ> 이렇게 했었어야했는데,
모든 객체는 당연히 window객체의 하위 객체이므로 window를 생략하여 사용한다.

 

HTML 태그의 <img> 태그를 자바스크립트의 객체로 접근하는 방법.
<img src = "image10.gif" name = "pic">
window.document.pic.src = "image10.gif";
이미지 객체의 이름은 <img> 태그의 name 속성의 값을 사용한다. 위에선 "pic"이 이미지 객체로 사용된다.
이미지는 문서에 나타나므로 이미지 객체는 document객체의 하위 객체로 존재한다.

-----------------------------------------------------------------------------------------------------

상태 표시바에 글자를 표시하는 defaulstatus/status 속성 <브라우저 창 밑에 상태바에 나타내는거임.>

인터넷을 항해하다보면 웹 브라우저의 상태바에 다양한 형태로 메시지가 제공되는 것을 볼수 있다.
메시지가 상태바에 흘러간다든지 타이핑치듯이 글자가 나타나든지 마우스가 움직일 때마다 변하는 마우스의 위치가 상태바에 나타나는 등의 효과를 볼수 있다.  이러한 효과를 연출하기 위해서는 window 객체의 status속성을 사용해야한다.
문자열은 별도의 지시가 없는 한 상태 바에 나타나도록 할 문자열은 defaultstatus 속성에 대입한다.

창 속성을 지정하지 않으면 창의 속성이 'yes' 로 주어진다. 하나의 속성이라도 주면 나머지 속성들은
'no'로 주어진다.

 

창 속성 

속성지정방법 

설명 

toolbar 

yes/no 

도구모임을 보여줄지 설정 

location 

URL을 표시하는 주소 표시줄을 보여줄지를 설정 

status 

상태 바를 보여줄지 설정 

menubar 

메뉴 표시줄을 보여줄지를 설정 

scollbars 

스크롤 바를 보여줄지를 설정 

 directories

디렉토리 바를 보여줄지를 설정 

resizable 

창의 크기 조절 가능하게 할지를 설정 

height 

 픽셀 수

 창의 높이를 픽셀 단위로 지정

width 

창의 너비를 필셀 단위로 지정 

----------------------------------------------------------------------------------------------------

새로운 창을 열어주는 window.open() 메서드.

홈페이지에 접속하자마자 공지 사항을 알려주는 창이 함께 출력되는것을 봤을텐데,
그게 이거다.

사용법,

window.open("연결할 URL", "창 이름" ,"창의 속성");

ex) <body onload = "window.open("news.html", "testwin","width=400, height =300 left=0, top=0, toolbar=no,

location=no, directories=no, status=no, menubar=no, resizable=no, scrollbars=no, copyhistory=no ")>

연결할 URL : 새로 만들어진 창에 로드할 웹 페이지 주소나 HTML 파일을 지정.
창 이름 : 새로 만들어진 창의 이름을 지정.
창 속성: 창의 모양이나 특징을 지정.

두 번째 매개변수인 '창 이름'을 기술하지 않으면, 마우스를 그림에 가져갈 때마다 창이 계속해서 생성됨.

------------------------------------------------------------------------------------------------------

창을 닫는 window.close() 메서드

open() 메서드에 의해 새로운 창이 열렸으면, 창을 닫는 법도 알아보자

window.close();

<form>
<input type = "button" value ="닫 기" onclick = "window.close()">
</form>

 

 

 

 

'자바스크립트' 카테고리의 다른 글

자바스크립트 정리 <9>  (0) 2012.08.13
자바스크립트 정리 <7>  (0) 2012.08.13
자바스크립트. <4>  (0) 2012.08.10
자바스크립트 정리. <3>  (0) 2012.08.10
자바스크립트 정리.<2>  (0) 2012.08.10
posted by changhozz 2012. 8. 10. 19:00

--------------------------------------------------------------------------------------------------------

if 문 ,switch문, for문, while문, do while문, continue, break
모두 내가알던, 자바에서배운 내용과 같다.

다른점이 하나 있다면, 자바스크립트는 자료형을 구분하지 않으므로, 지역변수일 때도
단지 선언만 해주면된다.

★★★★★★★★★★★★자바일 경우★★★★★★★★★★★★
ex) for(int i = 0 ; i < 10 ; i++){}

★★★★★★★★★★★자바스크립트 경우★★★★★★★★★★
ex) for (i = 0; i < 10 ; i++){}

이런식으로 된다.

---------------------------------------------------------------------------------------------------------

자바스크립트만의 API ( 자주 필요로 하는 함수들의 모임.)

 

함수명 

설명 

 eval(string)

문자열을 수식으로 바꿔준다. 

parse(string) 

문자열을 정수로 바꿔준다. 

pasefloat(string) 

문자열을 실수로 바꿔준다.

isFinite(number) 

 number이 유한의 수이면 true, 아니면 false를 리턴. 

isNaN(testValue) 

testValue가 순수한 문자이면 true, 숫자형태의 문자이면 false를 리턴 

 number(objRef)

 objRef를 숫자로 변환하여 반환 

string(objRef) 

  objRef를 문자로 변환하여 반환  

 escape(string) 

 ISO-Larin-1 문자셋을 아스키값으로 바꿔준다. 

 unescape(string) 

 아스키값을 ISO-Larin-1 문자셋으로 바꿔준다. 

 

문자열을 정수로 변환하는 parseInt 함수.

사용법,
parseInt(문자열,[진수]);

첫번째 매개변수로 주어진 문자열을 두번째 매개변수로 지정한 진법의 정수값으로 변환한다.
만일 두번째 매개변수를 생략하면 10진수로 인삭하여 정수값으로 변환한다.

 

ex)

<html>
 <head>
  <script language = "javascript">
  <!--
   document.write("<center>");
   str1 = "1000";
   str2 = "2000";
   document.write(str1+str2);
   document.write("<br><hr>");
   
   document.write("parseInt 함수를 사용한 경우 <br><br>");
   val=parseInt(str1) + parseInt(str2);
   document.write(val);
   document.write("</center>")
   //-->
   </script>
 </head>
</html> 

 

'자바스크립트' 카테고리의 다른 글

자바스크립트 정리 <7>  (0) 2012.08.13
자바스크립트 <6>  (0) 2012.08.13
자바스크립트 정리. <3>  (0) 2012.08.10
자바스크립트 정리.<2>  (0) 2012.08.10
자바 스크립트 정리.<1>  (0) 2012.08.08
posted by changhozz 2012. 8. 10. 13:49

--------------------------------------------------------------------------------------------------------
자바스크립트에 내장된 대화 상자를 이용한 인터페이스.

 

함수 

설명 

 alert

경고 메시지를 전달하기 위한 대화상자를 표시. 

 confirm 

사용자의 확인을 받기 위한 대화 상자를 표시.

 prompt 

사용자에게 내용을 입력받을 수 있는 대화 상자를 표시. 

-------------------------------------------------------------------------------------------------------alert  사용법,

alert("출력할 메시지");
ex) alert("단순히 전달사항을 출력할 때, \n 사용하는 함수는 alert입니다.");

여기서 짱나는게, \n대신 <br>로는 또 못띄어, 뭐이래

document.write("단순히 <br> 입니다.");
출력결과 : 단순히   
                입니다.

이렇게 document.write()에서는 저렇게 <br>을 써도 가능한데,
alert() 에서는 <br> 저렇게 쓰면 같이 출력되버림.
대신 좆같은건, document.write("단순히 \n 입니다."); 해도 안돼.
그냥 띄지도않고 비워진상태로 '단순히 입니다' 라고 출력된다.

----------------------------------------------------------------------------------------------------
confrim함수는 alert처럼 창이 뜨면서 [확인] [취소] 버튼이 같이뜬다.
이때 [확인]은 true이고 [취소]는 false이다. 

confirm 사용법,

반환값 = confirm(출력할 메시지);
ex)
answer = confirm("[확인]  [취소]중 선택 : 수강 신청을 하시겠습니까?")
if(answer ==true)
document.wirte("등록되었습니다.");
else
document.write("취소되었습니다. 다시 신청해 주세요.")

----------------------------------------------------------------------------------------------------------
prompt 함수는 원하는 데이터를 키보드에서 입력받고 싶을 때 prompt 함수를 사용한다.
prompt 함수는 입력 대화 상자가 나타나도록 한다.

 

내용 

설명 

 메시지

대화상자에 나타날 설명. 

초기값 

텍스트 박스에 기본적으로 나타나는 문자열이나 숫자를 설정한다.
텍스트 박스에 아무런 내용이 없도록 하려면 [초기값]을 " "로 한다. 

반환값 

텍스트 박스에 입력된 내용이 [반환값]에 들어간다. 반환값을 문자열로 처리한다. 

ex)

<html>
 <head>
    <title>
     메시지 박스
    </title>
  </head>
  <body>
   <h1> prompt 함수를 사용하는 예제</h1><br>
   <script language = "javascript">
    <!--
    name = prompt("이름을 입력하세요!" , "");
    document.write(name + "씨 홈페이지를 찾아주셔서 감사합니다.")  
     //-->
   </script>
  </body> 
</html>

요딴식으로
prompt("창에띄울 내용"," 입력창에 띄울 내용");

이런식으로 문자열을 콤마로 연결하여 쓰는데,
뒤에 있는 문자열엔 보통 "" 이런식으로 내용없이 선언만해주고,
입력창에 아무내용이 써있지 않도록 한다.

------------------------------------------------------------------------------------------

 

 

 

 

 

 

 

 

 

 

 

 

 

'자바스크립트' 카테고리의 다른 글

자바스크립트 정리 <7>  (0) 2012.08.13
자바스크립트 <6>  (0) 2012.08.13
자바스크립트. <4>  (0) 2012.08.10
자바스크립트 정리.<2>  (0) 2012.08.10
자바 스크립트 정리.<1>  (0) 2012.08.08