15. 자바스크립트 기초: 점프메뉴, this

JavaScript 2017. 8. 29. 19:47

this: 자기 자신을 가리키는 객체

- 스스로를 객체로 생성시켜주는 예약어

1) 점프메뉴1

//두번째 옵션을 선택했다면

function link(s) {

//i=선택된 인덱스번호(1)

i=s.selectedIndex //선택된 옵션의 인덱스 번호를 읽어냄 , 0부터 시작

url=s.options[i].value

//location.href=url;

//location.replace(url);

if(i != 0) open(url,"","") //인덱스 번호가 0이 아닌 경우는 또 다른 웹 브라우저에 주소 보이게 함

}

</script>

</HEAD>

<BODY>

</select>

</form>

</BODY>

</HTML>

2) 점프메뉴2

<HTML>

<HEAD>

function link(){

var m=document.my.menu1;

i=m.selectedIndex; // i=document.my.menu1.selectedIndex;

// selectedIndex: 선택된 옵션의 인덱스 번호를 읽어내게 함(특성)

// ex) 두번째 옵션인 네이버를 선택하면 selectedIndex는 1을 읽어내 i로 값을 넘김.

url=m.options[i].value;

// url=m.options[1].value;

// url("http://www.naver.com")=m.option[1].value;

//location.href=url;

//location.replace(url);

if(i != 0) window.open(url,"","") //인덱스 번호가 0이 아닌 경우는 또 다른 웹 브라우저에 주소 보이게 함

}

</script>

</HEAD>

<BODY>

</select>

</form>

</BODY>

</HTML>

3) 점프메뉴3

<HTML>

<HEAD>

function link(obj) { // 매개변수 obj=this를 넘겨받음. 여기서 this는 document.my.menu1 객체

i=obj.selectedIndex; // 3번째 daum을 선택한 경우의 값 2를 i에 넘김.

url=obj.options[i].value;

// url("http://www.daum.net")=obj.options[2].value;

//location.href=url;

//location.replace(url);

if(i != 0) window.open(url,"","") //인덱스 번호가 0이 아닌 경우는 또 다른 웹 브라우저에 주소 보이게 함

}

</script>

</HEAD>

<BODY>

</select>

</form>

</BODY>

</HTML>

저작자표시

'JavaScript' 카테고리의 다른 글

자바스크립트: 웹 브라우저 기반의 객체들 window, history, (0)	2017.09.07
자바스크립트 내장객체: String (0)	2017.08.31
13. 자바스크립트 기초: 내장객체 Date, Array (0)	2017.08.25
12. 자바스크립트 기초: return (0)	2017.08.25
11. 자바스크립트 기초: 재귀적 호출기법 (0)	2017.08.25