다음 중에서 아래의 코드와 같은 화면으로 같은 동작을 수행하는 것은 무… | [전자상거래운용사 필기] 14년 1회차 기출문제 상세 페이지
1[전자상거래운용사 필기] 14년 1회차
다음 중에서 아래의 코드와 같은 화면으로 같은 동작을 수행하는 것은 무엇인가?
클릭
1
<a href="javascript:alert('환영합니다')">클릭</a>2
<input type=button value="클릭" onclick="alert('환영합니다')">3
<input type=text value="클릭" onclick="alert('환영합니다')">4
<script language=javascript> alert("환영합니다")</script>해설
화면에 하이퍼링크 '클릭'을 그대로 보여 주면서 누르면 경고창이 뜨는 코드, 즉 href에 javascript: 의사 프로토콜로 alert를 넣은 앵커가 동일하다.
제시된 클릭는 링크 텍스트 '클릭'을 출력하고, 클릭 시 onclick 이벤트로 '환영합니다' 경고창을 띄운다. href="#"은 문서 이동 없이 제자리를 가리키는 용도라 실제 동작은 전적으로 alert가 담당한다.
- input type=button은 링크 글자가 아니라 버튼 모양으로 그려지므로 화면부터 달라진다.
- input type=text는 입력 상자로 표시되어 화면이 다르고, 텍스트 상자를 클릭해 경고창을 띄우는 방식도 대응되지 않는다.
- <script> 블록 안에 alert만 두면 클릭과 무관하게 문서를 여는 즉시 경고창이 뜨고 화면에는 '클릭'이 나타나지 않는다.
내용에 오류가 있거나 최신 법령·기준과 다른 부분이 보이면 알려주세요. 확인 후 반영하겠습니다.