웹마스터 팁

  2. Support
  3. 웹마스터 팁

[초간단 자바스크립트(강의)!] 입력박스에 입력한 주소로 이동하기...

2003.09.27 19:59

∑Ztxy

//이것 역시 풀스크린 홈을 프레임으로 나눠서 윗부분에 이걸 좀.. 디자인 수정해서 쓴다면..
정말 멋있게 나오더라구요.. 그리구 앞에서 나왔던 뒤로, 앞으로, 새로고침, 정지 등의 버튼과 함께 쓰면..
새로운 익스플로러(?)까지 만들수 있을것처럼...보이네요..^^;; 이것두 진짜 간단합니다...//

<html>
<head>
<title>입력박스에 입력한 주소로 이동하기</title>
<script language="Javascript">
<!--
function goSurf()  {
var urlData = document.폼이름.input_text.value;
location.href=urlData;
//-->
</script>
</head>
<body>
<form name="폼이름">
주소 :
<input type="text" name="input_text" size="20" value="http://[←이곳에는 입력박스에 처음에 표시할 내용인데 기본으로 http://로 하심이..좋을듯]">
<input type="button" value"GO" onClick="goSurf()">
</form>
</body>
</html>

//소스 설명입니다...
var urlData=document.폼이름.input_text.value;
input_text라는 텍스트 박스에 입력된 문자를 urlData라는 변수에 저장

onClick="goSurf()"는 onClick="location.href=this.form.input_text.value"와 같습니다....

많이 이용하시는 분들이 있기를.. 바랍니다...;;
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기