웹문서에 주소창 넣기

Java Script 2011. 10. 7. 22:09


  안녕하세요?
  오늘은 웹문서에 주소창 넣기 소스입니다. 간단하게 되어 있습니다.

<FORM Name="myForm">
<INPUT TYPE="text" Name="URL" Value="http://" size=30>
<INPUT TYPE="button" Value=" 이동하기 " onClick="location.href = this.form.elements[0].value">
</FORM>

text상자에 value가 http://니깐 상자에 디폴트로 나타나게 됩니다. 그리고 아래에 버튼에서 onClick할때 즉 버튼을 누를때 location.href 즉 url이 this.form 이폼의 elements[0] 구성요소 0번이니깐 여기서 구성요소는 text필드밖에 없으니깐 text필드를 말하는 겁니다. 그리고 value니깐 text필드의 값을 얘기하는 거지요. 쉽게 말하면 text필드 값으로 url을 삼아서 이동하라는 얘깁니다.

위의 그림처럼 실행하면 되는데 텍스트상자안에 가고자 하는 url을 입력하고 이동하기 버튼을 누르면 그 사이트로 이동합니다. 그럼 다음시간에 또 만나요~

'Java Script' 카테고리의 다른 글

버튼을 누르면 사이트로 이동  (0) 2011.10.14
들어오고 나갈때 인사하는 스크립트  (0) 2011.10.10
버튼누르면 메시지 출력  (0) 2011.10.04
나이입력받아서 처리  (0) 2011.10.02
디지탈 시계  (0) 2011.09.28


설정

트랙백

댓글