'Language/JAVASCRIPT' 카테고리의 글 목록 (9 Page)

Option

Language/JAVASCRIPT 2010. 5. 10. 15:32

property(속성)		method(메써드)
netscape6.0	Expolorer	netscape6.0	Explorer
value	value		applyElement
defaultSelected	defaultselected	addEventListener	attachEvent
index	index	removeEventListener	detachEvent
selected	selected		click
text	text	insertBefore	insertBefore
form		replaceChild	replaceChild
id	id	removeChild	removeChild
title		../data/lecture/hcjd/appendixcdChild	../data/lecture/hcjd/appendixcdChild
lang	lang	hasChildNodes	hasChildNodes
dir	dir	cloneNode	cloneNode
className	className		removeNode
style	style		replaceNode
innerHTML	innerHTML		swapNode
	innerText		clearAttributes
tagName	tagName	getAttribute	getAttribute
offsetTop	offsetTop	setAttribute	setAttribute
offsetLeft	offsetLeft	removeAttribute	removeAttribute
offsetWidth	offsetWidth		mergeAttributes
offsetHeight	offsetHeight	getAttributeNode
offsetParent	offsetParent	setAttributeNode
	clientHeight	removeAttributeNode
	clientLeft	getElementsByTagName
	clientTop		contains
	clientWidth		insertAdjacentHTML
	isContentEditable		insertAdjacentText
	canHaveChildren		insertAdjacentElement
	canHaveHTML		getAdjacentText
ownerDocument			replaceAdjacentText
nodeName	nodeName		setExpression
nodeValue	nodeValue		getExpression
nodeType	nodeType		removeExpression
parentNode	parentNode
childNodes
	parentElement
firstChild	firstChild
lastChild	lastChild
previousSibling	previousSibling
nextSibling	nextSibling
attributes
	isDisabled
disabled
	isTextEdit
	parentTextEdit
	scrollHeight
	scrollLeft
	scrollTop
	scrollWidth

아래에서 설명되지 않은 것은 div개체를 참고하세요.

select개체내에서 각각의 메뉴를 나타내기 위해 사용됨으로 select부분을 보라

defaultSelected

선택리스트에서 이를 구성하는 리스트(option)의 초기 선택상태를 나타내는 boolean값이다. option태그 안에 selected 속성이 포함되어 있다면 boolean값은 true일 것이고 그렇지 않으면 false일 것이다. multiple속성이 사용되지 않았다며 기본적으로 하나의 리스트만을 선택할 수 있으나 multiple 속성이 지정되면 2개 이상도 선택할 수 있다.

OPTION.defaultSelected [ = ①boolean ]

① Boolean 값으로 지정할 수 있는 값은 다음과 같다.

true	기본적으로 option 개체가 선택된 상태. 기본값
false	기본적으로 option 개체가 선택되지 않은 상태

selected

select개체에서 option개체가 선택되었는지를 나타내는 boolean값으로 선택되었으면 true이고 그렇지 않으면 false이다.

OPTION.selected [ = ①Boolean ]

① Boolean 값으로 지정할 수 있는 값은 다음과 같다.

true	선택리스트에서 메뉴가 선택된 상태
false	선택리스트에서 메뉴가 선택되지 않은 상태. 기본값

index

select개체의 options배열에서 option개체가 위치하는 소스순서를 나타내는 속성이다. 이 속성은 0에서부터 시작하기 때문에 처음에 있는 option개체는 이 속성이 0이고 마지막에 있는 option개체는 options.length -1이다.

OPTION.index [ = ①interger]
① interger : 메뉴의 순서를 나타내는 정수

length

select.options배열에 있는 option개체의 수를 나타내는 속성이다.

text

option개체의 텍스트를 나타내는 속성으로 우리가 선택리스트에서 볼수 있는 문자열이다 이것은 각각의 option 개체를 나타내는 태그 옆에 위치한다.

OPTION.text [ = ①string ]
①string : text로 사용할 문자열

value

option개체가 선택되었을 때 서버로 보내지는 값을 말한다.

[ ①string = ] selectobject.value
① string : 보내질 값을 나타내는 문자열

[출처] Option|작성자 해피캐빈

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

image, button (0)	2010.05.10
SELECT (0)	2010.05.10
Radio (0)	2010.05.10
Text\|Password (0)	2010.05.10
Hidden (0)	2010.05.10

:

Radio

Language/JAVASCRIPT 2010. 5. 10. 15:31

라디오 단추라는 것은 폼에서 여러 개의 선택사항 중 하나만을 선택할 수 있게 하는 개체이다.

property(속성)		method(메써드)		event handlers
netscape6.0	Expolorer	netscape6.0	Explorer	공통
checked	checked	focus	Focus	onBlur
defaultChecked	defaultChecked	select	select	onClick
form	form	blur	blur	onDblClick
name	name	click	click	onfocus
type	type		applyElement	onKeyDown
value	value	addEventListener	attachEvent	onKeyUp
size	size	removeEventListener	detachEvent	onKeyPress
defaultValue	defaultValue	insertBefore	insertBefore	onMouseDown
accessKey	accessKey	replaceChild	replaceChild	onMouseUp
id	id	removeChild	removeChild	onMouseOver
title	title	../data/lecture/hcjd/appendixcdChild	../data/lecture/hcjd/appendixcdChild	onMouseOut
lang	lang	hasChildNodes	hasChildNodes
dir	dir	cloneNode	cloneNode
className	className		removeNode
style	style		replaceNode
innerHTML			swapNode
	outerHTML		clearAttributes
	outerText	getAttribute	getAttribute
tagName	tagName	setAttribute	setAttribute
offsetTop	offsetTop	removeAttribute	removeAttribute
offsetLeft	offsetLeft		mergeAttributes
offsetWidth	offsetWidth	getAttributeNode
offsetHeight	offsetHeight	setAttributeNode
offsetParent	offsetParent	removeAttributeNode
	clientHeight	getElementsByTagName
	clientLeft		contains
	clientTop		insertAdjacentHTML
	clientWidth		insertAdjacentText
	isContentEditable		insertAdjacentElement
	contentEditable		getAdjacentText
	canHaveChildren		replaceAdjacentText
	canHaveHTML		setActive
ownerDocument			setExpression
nodeName	nodeName		getExpression
nodeValue	nodeValue		removeExpression
nodeType	nodeType		scrollIntoView
parentNode	parentNode
childNodes
	parentElement
firstChild	firstChild
lastChild	lastChild
previousSibling	previousSibling
nextSibling	nextSibling
attributes
	isDisabled
disabled	disabled
tabIndex	tabIndex
	isTextEdit
	parentTextEdit
	width
	sourceIndex
	scrollHeight
	scrollLeft
	scrollTop
	scrollWidth

아래에서 설명되지 않은 것은 div개체를 참고하세요.

Checked

라디오 버튼이 선택된 상태를 나타내는 속성이다.

object.checked [ = ①boolean ]

① Boolean 값으로 지정할 수 있는 것은 다음과 같다.

true	라디오 버튼이 선택된 상태
false	라디오 버튼이 선택되지 않은 상태

DefaultChecked

이 속성은 라디오 개체를 나타내는 input 태그 안에서 checked 속성이 지정되었는지를 나타내는 것으로 지정되었으면 defaultChecked 속성은 true이고 그렇지 않으면 flase이다.

form

라디오 버튼개체를 포함하고 있는 폼을 나타내는 속성이다.

object.form

name

라디오 버튼개체의 name 속성을 나타내는 속성이다.

object.name [ = ①string ]
① string: name 속성을 나타내는 문자열

type

이 속성은 라디오 버튼 개체의 type을 나타내는 것으로 항상 " radio "이다.

value

폼이 서버로 제출될 때 라디오 버튼 개체의 값을 나타내는 속성이다.

[ ①string = ] radioobject.value

① string : 보내질 값을 나타내는 문자열

defaultValue

개체의 기본값을 나타내는 속성이다.

object.defaultValue [ = ①string ]
① string: 개체의 기본값을 지정하는 문자열

disabled

사용자가 Radio 개체를 사용 가능한 상태로 만들것인지를 지정하는 속성이다.

object.disabled [ = ①boolean ]

① Boolean 값으로 지정할 수 있는 것은 다음과 같다.

true	Radio 개체를 꺼 놓은 상태
false	Radio 개체를 꺼 놓지 않은 상태

size

라디오 버튼개체의 크기를 나타내는 속성이다.

object.size [ = ①interger ]
①Integer : 문자수로 계산된 개체의 크기를 지정하는 정수

status

라디오 버튼 선택가능하게 할지를 지정하는 속성이다.

object.status [ = ①boolean ]

① boolean 값으로 지정할 수 있는 것은 다음과 같다.

true	체크박스를 체크할 수 있다.
false	체크박스를 체크할 수 없다.
null	체크박스를 초기화하지 않는다.

[출처] Radio|작성자 해피캐빈

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

SELECT (0)	2010.05.10
Option (0)	2010.05.10
Text\|Password (0)	2010.05.10
Hidden (0)	2010.05.10
Fileupload (파일 업로드) (0)	2010.05.10

:

Text|Password

Language/JAVASCRIPT 2010. 5. 10. 15:30

Text 개체와 Password 개체는 기본적을 동일하다, 다만 Text 개체는 입력한 문자가 보이고 Password 개체에서는 입력한 문자를 감추기 위해 asterisks(*)으로 표시된다는 점이다.

property(속성)		method(메써드)		event handlers
netscape6.0	Expolorer	netscape6.0	Explorer	공통
defaultValue	defaultvalue	blur	Blur	onBlur
form	Form	focus	Focus	onClick
name	Name			onDblClick
type	Type	select	select	onfocus
value	Value	click	click	onKeyDown
accessKey	accessKey		applyElement	onKeyUp
disabled	disabled	addEventListener	attachEvent	onKeyPress
maxLength	maxLength	removeEventListener	detachEvent	onMouseDown
readOnly	readOnly	insertBefore	insertBefore	onMouseUp
size	size	replaceChild	replaceChild	onMouseOver
id	id	removeChild	removeChild	onMouseOut
title	title	../data/lecture/hcjd/appendixcdChild	../data/lecture/hcjd/appendixcdChild
lang	lang	hasChildNodes	hasChildNodes
dir	dir	cloneNode	cloneNode
className	className		removeNode
style	style		replaceNode
innerHTML			swapNode
	outerHTML		clearAttributes
	outerText	getAttribute	getAttribute
tagName	tagName	setAttribute	setAttribute
offsetTop	offsetTop	removeAttribute	removeAttribute
offsetLeft	offsetLeft		mergeAttributes
offsetWidth	offsetWidth	getAttributeNode
offsetHeight	offsetHeight	setAttributeNode
offsetParent	offsetParent	removeAttributeNode
	clientHeight	getElementsByTagName
	clientLeft		contains
	clientTop		insertAdjacentHTML
	clientWidth		insertAdjacentText
	isContentEditable		insertAdjacentElement
	contentEditable		getAdjacentText
	canHaveChildren		replaceAdjacentText
	canHaveHTML		setActive
ownerDocument			setExpression
nodeName	nodeName		getExpression
nodeValue	nodeValue		removeExpression
nodeType	nodeType		scrollIntoView
parentNode	parentNode
childNodes
	parentElement
firstChild	firstChild
lastChild	lastChild
previousSibling	previousSibling
nextSibling	nextSibling
attributes

	isDisabled
	disabled
	tabIndex
	isTextEdit
	parentTextEdit
	width
	sourceIndex
	scrollHeight
	scrollLeft
	scrollTop
	scrollWidth

아래에서 설명되지 않은 것은 div개체를 참고하세요.

form

Text(Password) 개체를 포함하고 있는 폼을 나타내는 속성이다.

object.form

name

Text(Password) 개체의 name 속성을 나타내는 속성이다.

object.name [ = ①string ]
①string: name 속성을 나타내는 문자열

type

이 속성은 Text(Password) 개체의 type을 나타내는 것으로 값은 항상 "text(password)"이다.

value

폼이 서버로 제출될 때 Text(Password) 개체의 값을 나타내는 속성이다.

[ ①string = ] textobject.value
① string : 보내질 값을 나타내는 문자열

defaultValue

개체의 기본값을 나타내는 속성이다.

object.defaultValue [ = ①string ]
①string: 개체의 기본값을 지정하는 문자열

disabled

사용자가 Text(Password) 개체에 text를 입력가능한 상태로 만들것인지를 나타내는 속성이다.

object.disabled [ = ①boolean ]

① Boolean 값으로 지정할 수 있는 것은 다음과 같다.

true	Text(Password) 개체를 꺼 놓은 상태
false	Text(Password) 개체를 꺼 놓지 않은 상태

maxLength

사용자가 Text(Password) 개체에 최대로 입력가능한 문자의 수를 나타내는 속성이다.

object.maxLength [ = ①interger ]
① interger: 최대 입력가능한 문자의 수를 지정하는 정수

size

Text(Password) 개체의 크기를 나타내는 속성이다.

object.size [ = ①interger ]
①Integer : 문자수로 계산된 개체의 크기를 지정하는 정수.

readOnly

Text(Password) 개체는 사용자로부터 text를 입력받기 위한 개체인데 사용자가 Text(Password) 개체에 있는 text를 편집하거나 입력하지 못하게 할 것인가를 지정하는 속성이다.

object.readOnly [ = ①boolean ]

① Boolean 값으로 지정할 수 있는 것은 다음과 같다.

true	Text(Password) 개체는 읽기 전용이다.
false	Text(Password) 개체는 읽기 전용이 아니다. 기본값

text-pass.htm

예는 id와 password를 제대로 입력하면 netscape를 읽어들이고 그렇지 않으면 id와 password를 잘못 입력했다는 메시지를 보여준다.

<html>

<head>

<title>text password</title>

<!-- JavaScript-x

function login(x){

if(x.idtxt.value=="guest" && x.passtxt.value=="2000"){

window.location="http://www.netscape.com"

}else{

alert("ID 또는 password를 잘못 입력하셨군요");

}

// - JavaScript-x - -->

</script-x>

</head>

<p> id에 guest를 password에 2000을 입력하세요</p>

<p>              ID:

<p>PASSWORD :<input type="password" name="passtxt"></p>

</form>

</body>

</html>

function login(x){

if(x.idtxt.value=="guest" && x.passtxt.value=="2000"){

window.location="http://www.helpme119.co.kr"

idtxt라는 텍스트 개체의 value 속성이 guest이고 passtxt라는 password개체의 value 속성이 2000이라면 이 조건이 실행된어 브라우저 창에 helpme119 홈 페이지를 읽어 들이다.

}else{

위 if 조건을 충족하지 않는 예외 상황을 처리한다.

alert("ID 또는 password를 잘못 입력하셨군요");

id나 password가 잘못 입력되었다는 경고메시지를 보여준다.

}

[출처] Text|Password|작성자 해피캐빈

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

Option (0)	2010.05.10
Radio (0)	2010.05.10
Hidden (0)	2010.05.10
Fileupload (파일 업로드) (0)	2010.05.10
checkbox (0)	2010.05.10

:

Hidden

Language/JAVASCRIPT 2010. 5. 10. 15:29

Hidden개체는 폼에서 보여지지 않도록 된 개체입니다. 이것은 사용자에게 보여주지 않고 서버에 함께 보내지도록 하려는 name과 value의 쌍이다.

property(속성)		method(메써드)
netscape6.0	Expolorer	netscape6.0	Explorer
form	Form	select
name	Name	focus
type	Type	blur
value	value	click
	defaultValue		../data/lecture/hcjd/appendixcdChild
id	id		applyElement
title		addEventListener	attachEvent
lang	lang	removeEventListener	detachEvent
dir		insertBefore
className	className	replaceChild
style	style	removeChild
innerHTML		../data/lecture/hcjd/appendixcdChild
	outerHTML	hasChildNodes
	outerText	cloneNode	cloneNode
tagName	tagName		removeChild
offsetTop			replaceChild
offsetLeft			swapNode
offsetWidth			clearAttributes
offsetHeight		getAttribute	getAttribute
offsetParent	offsetParent	setAttribute	setAttribute
	isContentEditable	removeAttribute	removeAttribute
	canHaveChildren		mergeAttributes
	canHaveHTML	getAttributeNode	getAttributeNode
ownerDocument		setAttributeNode	setAttributeNode
nodeName	nodeName	removeAttributeNode
nodeValue	nodeValue	getElementsByTagName
nodeType	nodeType	normalize
parentNode	parentNode		insertAdjacentHTML
childNodes			insertAdjacentText
	parentElement		insertAdjacentElement
firstChild			getAdjacentText
lastChild			replaceAdjacentText
previousSibling	previousSibling		setActive
nextSibling	nextSibling		setExpression
attributes			getExpression
	isDisabled		removeExpression
tabIndex
	isTextEdit
	parentTextEdit
	sourceIndex

아래에서 설명되지 않은 것은 div개체를 참고하세요.

form

Hidden 개체를 포함하고 있는 폼을 나타내는 속성이다.

object.form

name

Hidden 개체의 name 속성을 나타내는 속성이다.

object.name [ = ①string ]
① string: name 속성을 나타내는 문자열

type

이 속성은 Hidden 개체의 type을 나타내는 것으로 값은 항상 "hidden"이다.

value

폼이 서버로 제출될 때 Hidden 개체의 값을 나타내는 속성이다.

[ ①string = ] hiddenobject.value
① string : 보내질 값을 나타내는 문자열

defaultValue

개체의 기본값을 나타내는 속성이다.

object.defaultValue [ = ①string ]

① string: 개체의 기본값을 지정하는 문자열

[출처] Hidden|작성자 해피캐빈

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

Radio (0)	2010.05.10
Text\|Password (0)	2010.05.10
Fileupload (파일 업로드) (0)	2010.05.10
checkbox (0)	2010.05.10
BUTTON (0)	2010.05.10

:

Fileupload (파일 업로드)

Language/JAVASCRIPT 2010. 5. 10. 15:29

파일 업 로드 개체는 사용자가 시스템에 있는 파일을 입력하기 위해 사용하는 개체이다. 파일 업 로드 개체는 html의 파일 업 로드를 자바스크립트에서 제어하기 위해 만든 것이다. 파일 업 로드 개체를 html에 삽입하기 위해서는 html 부분의 fileupload를 보라

property(속성)		method(메써드)		event handlers
netscape6.0	Expolorer	netscape6.0	Explorer	공통
form	Form	blur	blur	onBlur
name	Name	focus	focus	onClick
type	Type	select	select	onDblClick
value	value	click	click	onfocus
defaultValue	defaultValue		applyElement	onKeyDown
size	size	addEventListener	attachEvent	onKeyUp
accessKey	accessKey	removeEventListener	detachEvent	onKeyPress
	canHaveChildren	insertBefore	insertBefore	onMouseDown
id	id	replaceChild	replaceChild	onMouseUp
title	title	removeChild	removeChild	onMouseOver
lang	lang	../data/lecture/hcjd/appendixcdChild	../data/lecture/hcjd/appendixcdChild	onMouseOut
dir	dir	hasChildNodes	hasChildNodes	onSelect
className	className	cloneNode	cloneNode
style	style		removeNode
innerHTML			replaceNode
	outerHTML		swapNode
	outerText		clearAttributes
tagName	tagName	getAttribute	getAttribute
offsetTop	offsetTop	setAttribute	setAttribute
offsetLeft	offsetLeft	removeAttribute	removeAttribute
offsetWidth	offsetWidth		mergeAttributes
offsetHeight	offsetHeight	getAttributeNode	getAttributeNode
offsetParent	offsetParent	setAttributeNode	setAttributeNode
	clientHeight	removeAttributeNode	removeAttributeNode
	clientLeft	getElementsByTagName
	clientTop		contains
	clientWidth		insertAdjacentHTML
	isContentEditable		insertAdjacentText
	contentEditable		insertAdjacentElement
	canHaveHTML		getAdjacentText
ownerDocument			replaceAdjacentText
nodeName	nodeName		setActive
nodeValue	nodeValue		setExpression
nodeType	nodeType		getExpression
parentNode	parentNode		removeExpression
childNodes			scrollIntoView
	parentElement
firstChild	firstChild
lastChild	lastChild
previousSibling	previousSibling
nextSibling	nextSibling
attributes
	isDisabled
disabled	disabled
tabIndex	tabIndex
	isTextEdit
	parentTextEdit
	width
	sourceIndex
	scrollHeight
	scrollLeft
	scrollTop
	scrollWidth

아래에서 설명되지 않은 것은 div개체를 참고하세요.

form

파일업로드 개체를 포함하고 있는 폼을 나타내는 속성이다.

object.form

name

파일업로드의 name 속성을 나타내는 속성이다.

object.name [ = ①string ]
① string: name 속성을 나타내는 문자열

type

이 속성은 파일업로드 개체의 type을 나타내는 것으로 항상 file이다.

value

사용자가 열기 대화상자에서 선택한 파일 name의 값을 나타내는 속성이다.

[ ①string = ] fileobject.value
① string : 파일 이름을 나타내는 문자열

defaultValue

개체의 기본값을 나타내는 속성이다.

object.defaultValue [ = ①string ]
① string: 개체의 기본값을 지정하는 문자열

size

파일업로드 개체의 크기를 나타내는 속성이다.

object.size [ = ①interger ]
① Integer : 문자수로 계산된 개체의 크기를 지정하는 정수

fileupload.htm

<html>

<head><title>fileupload</title>

</head>

<body >

전송할 파일이름 :

<P>파일 업로드 개체의 속성값확인

</form>

</body>

</html>

파일 업로드 개체에서 새로운 값을 가지게 되면 변경되 값을 보여준다.

이 버튼은 form의 이름 속성을 보여준다.

이 버튼은 fileupload 개체의 이름 속성 보여준다.

이 버튼은 fileupload 개체의 type 속성을 보여준다.

이 버튼은 fileupload 개체의 value 속성값을 보여준다.

[출처] Fileupload (파일 업로드)|작성자 해피캐빈

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

Text\|Password (0)	2010.05.10
Hidden (0)	2010.05.10
checkbox (0)	2010.05.10
BUTTON (0)	2010.05.10
Location (0)	2010.05.10

:

checkbox

Language/JAVASCRIPT 2010. 5. 10. 15:28

체크 박스는 사용자가 서버로 보내지는 value 값을 on, off 시킬 수 있는 스위치이다. 체크박스는 form 태그 안에서 input type을 checkbox로 함으로써 만든다. 이것은 html의 form태그 안에 위치한 checkbox를 자바 스크립트에서 제어하거나 참조하기 위한 것이므로 html의 체크박스 부분을 참조해 보라

property(속성)		method(메써드)		event handlers
netscape6.0	Expolorer	netscape6.0	Explorer	공통
checked	checked	blur	blur	onBlur
defaultChecked		click	click	onClick
form	form	focus	focus	onDblClick
name	name		select	onfocus
type	type		../data/lecture/hcjd/appendixcdChild	onKeyDown
value	value		applyElement	onKeyUp
size	size	addEventListener	attachEvent	onKeyPress
accessKey	accessKey	removeEventListener	detachEvent	onMouseDown
id	id	insertBefore	insertBefore	onMouseUp
title	title	replaceChild	replaceChild	onMouseOver
lang	lang	removeChild	removeChild	onMouseOut
dir	dir	../data/lecture/hcjd/appendixcdChild	../data/lecture/hcjd/appendixcdChild
className	className	hasChildNodes	hasChildNodes
style	style	cloneNode	cloneNode
innerHTML			removeNode
	outerHTML		replaceNode
	outerText		swapNode
tagName	tagName		clearAttributes
offsetTop	offsetTop	getAttribute	getAttribute
offsetLeft	offsetLeft	setAttribute	setAttribute
offsetWidth	offsetWidth	removeAttribute	removeAttribute
offsetHeight	offsetHeight		mergeAttributes
offsetParent	offsetParent	getAttributeNode
	clientHeight	setAttributeNode
	clientLeft	removeAttributeNode
	clientTop	getElementsByTagName
	clientWidth		contains
	isContentEditable		insertAdjacentHTML
	contentEditable		insertAdjacentText
	canHaveChildren		insertAdjacentElement
	canHaveHTML		getAdjacentText
ownerDocument			replaceAdjacentText
nodeName	nodeName		setActive
nodeValue	nodeValue		setExpression
nodeType	nodeType		getExpression
parentNode	parentNode		removeExpression
childNodes			scrollIntoView
	parentElement
firstChild	firstChild
lastChild	lastChild
previousSibling	previousSibling
nextSibling	nextSibling
attributes
	isDisabled
disabled	disabled
tabIndex	tabIndex
	isTextEdit
	parentTextEdit
	width
	sourceIndex
	scrollHeight
	scrollLeft
	scrollTop
	scrollWidth

아래에서 설명되지 않은 것은 div개체를 참고하세요.

checked

체크박스가 체크 되었는지를 나타내는 속성이다.

object.checked [ = ①boolean ]

①Boolean 값으로 지정할 수 있는 것은 다음과 같다.

false	체크박스가 체크되지 않은 경우. 기본값
true	체크박스가 체크된 경우

defaultchecked

이 것은 폼에서 checkbox 개체의 html 소스 작성시 checked 속성을 나타내는 boolean 값이다. 폼이 실행된 상태에서 체크박스를 체크 했는지 않 했는지에 관계가 없다.

form

체크박스 개체를 포함하고 있는 폼을 나타내는 속성이다.

object.form

name

체크박스의 name 속성을 나타내는 속성이다.

object.name [ = ①string ]
①string: name 속성을 나타내는 문자열

type

이 속성은 checkbox 개체의 type 속성을 나타내는 것으로 항상 checkbox이다.

value

이 속성은 폼이 서버로 제출될 때 사용될 value 속성을 지정하는 것으로 기본값은 "on"이며 체크박스가 체크되었다면 이 속성에서 지정한 값이 제출되고 그렇지 않으면 아무런 값도 제출되지 않는다.

object.value [ = ①string ]
① string : 개체의 값을 지정하는 문자열

indeterminate

사용자가 체크박스의 상태를 변경하게 할지를 나타내는 속성이다.

checkboxObject.indeterminate [ = ①boolean ]

①boolean 값으로 지정할 수 있는 것은 다음과 같다.

false	체크박스는 흐릿하게 보이지 않는다. 기본값
true	체크박스가 체크되고 흐릿하게 보인다.

size

버튼 개체의 크기를 나타내는 속성이다.

object.size [ = ①interger ]
①Integer : 문자수로 계산된 개체의 크기를 지정하는 정수

status

체크박스가 선택가능하게 할지를 지정하는 속성이다.

object.status [ = ①boolean ]

① boolean 값으로 지정할 수 있는 것은 다음과 같다.

false	체크박스를 체크할 수 없다.
true	체크박스를 체크할 수 있다.
null	체크박스를 초기화하지 않는다.

[출처] checkbox|작성자 해피캐빈

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

Hidden (0)	2010.05.10
Fileupload (파일 업로드) (0)	2010.05.10
BUTTON (0)	2010.05.10
Location (0)	2010.05.10
DIV (0)	2010.05.10

:

BUTTON

Language/JAVASCRIPT 2010. 5. 10. 15:27

버튼 개체는 HTML의 FORM 안에 위치한 버튼을 자바 스크립트에서 반영한 것이다. 이것은 HTML의 input type을 button으로 함으로써 만들어진다.

property(속성)		method(메써드)		event handlers
netscape6.0	Expolorer	netscape6.0	Explorer	공통
form	form	blur	blur	onBlur
name	name	click	click	onClick
type	type	focus	focus	onDblClick
value	value		select	onfocus
defaultValue	defaultValue		../data/lecture/hcjd/appendixcdChild	onKeyDown
accessKey	accessKey		applyElement	onKeyUp
size	size	addEventListener	attachEvent	onKeyPress
id	id	removeEventListener	detachEvent	onMouseDown
title	title	insertBefore	insertBefore	onMouseUp
lang	lang	replaceChild	replaceChild	onMouseOver
dir	dir	removeChild	removeChild	onMouseOut
className	className	../data/lecture/hcjd/appendixcdChild	../data/lecture/hcjd/appendixcdChild
style	style	hasChildNodes	hasChildNodes
innerHTML		cloneNode	cloneNode
	outerHTML		removeNode
	outerText		replaceNode
tagName	tagName		swapNode
offsetTop	offsetTop		clearAttributes
offsetLeft	offsetLeft	getAttribute	getAttribute
offsetWidth	offsetWidth	setAttribute	setAttribute
offsetHeight	offsetHeight	removeAttribute	removeAttribute
offsetParent	offsetParent		mergeAttributes
	clientHeight	getAttributeNode
	clientLeft	setAttributeNode
	clientTop	removeAttributeNode
	clientWidth	getElementsByTagName
	isContentEditable		contains
	contentEditable		insertAdjacentHTML
	canHaveChildren		insertAdjacentText
	canHaveHTML		insertAdjacentElement
ownerDocument			getAdjacentText
nodeName	nodeName		replaceAdjacentText
nodeValue	nodeValue		setActive
nodeType	nodeType		setExpression
parentNode	parentNode		getExpression
childNodes			removeExpression
firstChild	firstChild		scrollIntoView
lastChild	lastChild
previousSibling	previousSibling
nextSibling	nextSibling
attributes
	isDisabled
disabled	disabled
tabIndex	tabIndex
	isTextEdit
	parentTextEdit
	width
	sourceIndex
	scrollHeight
	scrollLeft
	scrollTop
	scrollWidth

아래에서 설명되지 않은 것은 div개체를 참고하세요.

1) 속성

form

버튼 개체를 포함하고 있는 폼을 나타내는 속성으로 버튼이 form을 참조하거나 폼 안에 있는 다른 요소를 참조하기 위해 사용한다. 이 속성은 참조는 할 수 있어도 변경하지는 못한다.

object.form

name

버튼 개체의 name 속성을 나타내는 속성이다.

object.name [ = ①string ]
①string: name 속성을 나타내는 문자열

type

이 속성은 button 개체의 type 속성을 나타내는 것으로 항상 button이다.

value

이 속성은 버튼 개체의 표면에 나타나는 문자를 나타내는 속성이다..

object.value [ = ①string ]
①string: 개체의 값을 나타내는 문자열

defaultValue

개체의 기본값을 나타내는 속성이다.

Script-xing object.defaultValue [ = ①string ]
①string: 개체의 기본값을 지정하는 문자열

size

버튼 개체의 크기를 나타내는 속성이다.

object.size [ = ①interger ]
①Integer : 문자수로 계산된 개체의 크기를 지정하는 정수

[출처] BUTTON|작성자 해피캐빈

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

Fileupload (파일 업로드) (0)	2010.05.10
checkbox (0)	2010.05.10
Location (0)	2010.05.10
DIV (0)	2010.05.10
window 개체 (0)	2010.05.10

:

Location

Language/JAVASCRIPT 2010. 5. 10. 15:25

< Location >

브라우저의 현재 url에 대한 정보를 포함하는 개체로 location을 변경하기 위해서는 location의 일부분을 나타내는 아래의 각각의 속성을 지정하는 것보다는 href 속성을 세팅하는 것이 더 편리하며 netscape6.0에서 assign 매서드가 추가되었다.

property(속성)		method(메써드)
netscape6.0	Expolorer	netscape6.0	Explorer
hash	hash	reload	reload
host	host	replace	replace
hostname	hostname	assign	assign
href	href
pathname	pathname
port	port
protocol	protocol
search	search

1) 속성

protocol

url의 시작을 의미하는 문자열로 콜론까지 포함한다. 이 속성은 url의 일부분을 나타내며, url의 접근방법을 지정한다.

예)위 표에서 protocol 속성은 "http:"이다.

protocol의 종류

1. javascript-x:	4. http:	7. mailto:
2. view-source:	5. file:	8. news:
3. https:	6. ftp:	9. gopher:
10. telnet:	11. res:

hostname

hostname 속성은 서버 내임, 하위 도메인, 도메인, 포트넘버를 포함한 서버의 충분한 이름을 포함하는 문자열을 의미한다.

예)위 표에서 hostname 속성은 "home.world.co.kr"이다.

port

서버가 사용하는 통신포트를 나타내는 속성으로 지정한 port가 현재 location에서 발견 되지 않으면 에러가 발생하고 port속성을 지정하지 않으면 기본값인 80이 된다.

예)위 표에서 port 속성은 "8080"이다.

host

host 속성은 hostname + port를 합쳐놓은 것이다.

예)위 표에서 host 속성은 "home.world.co.kr:8080"이다.

pathname

url의 경로부분을 나타내는 속성이다.

예)위 표에서 pathname 속성은 "book/javascript-x.html"이다.

hash

url에서 anchor의 인식자인 hash마크( #)로 시작하는 문자열이다.

이 속성은 url의 일부를 나타내면 http 프로토콜에서만 적용되며 지정한 hash가 현재 location에서 발견되지 않는다면 에러를 얻게 될 것이다.

예)위 표에서 hash 속성은 "#windowurl"이다.

search

url에서 어떤 query정보를 지정하는 물음표(?)로 시작하는 문자열이다.

이 속성은 url의 일부분을 나타내며 http 프로토콜에서만 적용되며 변수와 값이 쌍으로 이루는데 각 쌍은 ampersand(&)로 분리된다.

예)위 표에서 search 속성은 "?x=5&y=7"이다.

href

href 속성은 전체 url을 나타내는 속성으로 다른 location개체의 속성은 href속성의 일부분이다.

location 개체에서 속성 이름을 생략하는 것은 location.href로 속성을 지정하는 것과 같다.

예)window.location=http://home.world.co.kr/ = window.location.href= "http://home.world.co.kr/"

2) 매서드

reload - 현재문서를 다시 읽어 들이는 매서드이다. 이 매서드는 도구막대에서 reload버튼을 클릭 하는 것과 동일한 결과를 가져온다.

reload()

replace - 현재 히스토리 리스트에 있는 url을 지워버리고 이 매서드에서 지정한 url을 읽어 들인다.

replace(url)
url: 현재 url을 대신할 url을 의미한다.

현재 문서의 url이 www.netscape.com이라고 하자 이 문서에 location.replace("http://www.microsoft.co.kr")매서드를 이용하면 브라우저는 www.microsoft.co.kr을 읽어 들일 것이다. 도구막대에서 이전 버튼을 클릭하면 www.netscape.com으로 이동하지 않는다. www.microsoft.co.kr이 www.netscape.com을 히스토리 리스트에서 지워버리고 www.microsoft.co.kr로 바꾸어 버렸기 때문이다.

assign - 새로운 html document를 읽어들이는 매서드이다.

location.assign(sURL)
sURL : 읽어들인 document의 url을 지정하는 String

예)
<form name="oform">
<input type="button" name="ass" value="assign" onclick="location.assign('http://www.msn.co.kr')">
</form>

[출처] Location|작성자 해피캐빈

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

checkbox (0)	2010.05.10
BUTTON (0)	2010.05.10
DIV (0)	2010.05.10
window 개체 (0)	2010.05.10
onSelect \| onkeypress (0)	2010.05.10

:

랄라라

'Language/JAVASCRIPT'에 해당되는 글 106건

image, button

'Language > JAVASCRIPT' 카테고리의 다른 글

SELECT

'Language > JAVASCRIPT' 카테고리의 다른 글

Option

'Language > JAVASCRIPT' 카테고리의 다른 글

Radio

'Language > JAVASCRIPT' 카테고리의 다른 글

Text|Password

'Language > JAVASCRIPT' 카테고리의 다른 글

Hidden

'Language > JAVASCRIPT' 카테고리의 다른 글

Fileupload (파일 업로드)

'Language > JAVASCRIPT' 카테고리의 다른 글

checkbox

'Language > JAVASCRIPT' 카테고리의 다른 글

BUTTON

'Language > JAVASCRIPT' 카테고리의 다른 글

Location

'Language > JAVASCRIPT' 카테고리의 다른 글

티스토리툴바