Nickoo's Blog

모든 옵션에 링크가 걸릴경우

 <select name="select" onchange="window.open(value,'_blank');">
      <option>=============</option>
      <option value="http://www.naver.com">네이버</option>
      <option value="http://www.daum.net">다음</option>
</select>

링크 띠엄띠엄 걸 경우(위의 것은 value 하나라도 안넣은 option이 스크립트 에러나온다.)

<script language="javascript">
function go_url(url)
{
    if(url != '')   window.open(url,'_blank');
}
</script>

<select name="select" onchange="javascript：go_url(this.options[this.selectedIndex].value);">
   <option selected> 계열사를 선택하세요</option>
   <option value="http://www.naver.com">네이버</option>
   <option value=http://www.daum.net>다음</option>
</select>


[출처]http://cafe.naver.com/bulsasinzod.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=44

웹사이트에서 버튼이나 글씨를 클릭할때 이동을 하는 것을 많이 보실꺼예요.

현재 문서에서 다른 문서로 가기 위해서는 <a>가 필요합니다.

<a>는 'href' 의 속성으로 대부분 <a href="URL">로 경로를 지정하면 쉽게 구현할 수 있습니다.

1. 웹 페이지 절대 경로

'http://도메인주소' 의 형식으로 링크주소를 입력해주면 됩니다.

<a href="http://google.co.kr">구글로 바로가기</a>

아래는 결과입니다. 한번 클릭해보세요 구글로 링크될거예요~

구글로 바로가기

2. 웹 페이지 상대경로

'/도메인주소/*.html' or '폴더명/파일명' 의 형식으로 입력해주면 됩니다.

<a href="test/test.html"> test 사이트 </a>

3. E-메일 계정

메일 계정을 연결 할때는 'mailto:이메일주소' 를 사용하면 됩니다.

<a href="mailto:test@naver.com"> test@naver.com </a>

4. 파일 연결하기

*.exe 같은 실행 파일은 실행이 되고, 그렇지 않으면 다운로드가 됩니다.

<a href="/folder/abc.exe"> abc 다운받기 </a>

이렇게 4개면 링크하는 것이 끝났다고 할 수 있습니다.

다음시간에는 이미지 삽입에 대해 배워보겠습니다~