/ 인터넷 / 웹 개발 / 버튼에 코드를 삽입하는 방법

버튼 코드를 삽입하는 방법

/
40 보기

버튼 코드를 삽입하는 방법</a>를

사용자와 쌍방향 커뮤니케이션을 구성하는 데 사용되는 웹 페이지에서 버튼을 클릭합니다.

버튼 누름에 대한 응답은 서버에 데이터를 보낼 필요하지 않은 경우 원칙적으로, 상호 작용은 자바 스크립트 시나리오를 사용하여 구현된다.

방법은 대응하는 자바 스크립트 코드가 다를 수 호출 - 다음은 버튼의 종류에 대한 몇몇 가능한 실시 예를 설명한다.

명령

    1

만약 웹 페이지의 디스플레이 버튼버튼 태그에 의해 조직, 자바 스크립트 코드는 온 클릭 속성에 배치 할 수 있습니다. 예를 들어, 같은 : & LT-버튼의 onclick = 경고 (! '버튼을 누르면')»- 버튼 태그에 직접 배치«& GT-버튼 및 LT- / 버튼 & GT-물론 것은, 충분한 코드가 적합하지 않습니다 - 함수로 설계하는 것이 좋습니다, 그리고 온 클릭 속성에 단지이 함수를 호출하는 코드를 넣습니다. 예를 들어 및 LT-스크립트 및 GT-
showAlert 함수 () {
경고 ( '버튼을 누르면!')
}
LT- 및 / 스크립트 및 GT-LT 및 버튼의 onclick =»showAlert ()»된다 버튼 및 LT- / 버튼 및 GT-

    2

버튼이 중 하나가 표시되는 경우입력 된 태그 옵션 (버튼 또는 이미지를 제출 재설정), 당신은 온 클릭 같은 속성을 사용할 수 있습니다. 예를 들어, (재설정) 버튼 양식을 삭제 분야에 대한 코드는 다음과 같습니다 & LT-입력 유형 =») (RESET»의 onclick =»showAlert»/ & GT-경우 동작 버튼을 누르면에만 자바 스크립트 스크립트 원하고, 그녀를 할당 기본 동작은 false 명령을 반환 추가해야합니다의 온 클릭 속성에서 다음 함수 또는 직접 발생하지 않습니다. 예를 들어 입력 및 LT-타입 =»RESET»의 onclick =»showAlert은 () - FALSE»를 리턴 / 및 GT-

    3

이 버튼을 누르면에 대한 응답을 구성 할 필요가있는 경우다음 온 클릭을 이용하여 상기 방법 외에 어떤 버튼이 등록 폼 태그를 사용할 수있다 속성 유형 제출. 해당 함수 호출은 onsubmit 폼 태그에 저장 될 수있다. 예를 들어 및 LT 형 작업 =»»onsubmit =»showAlert () - 복귀 FALSE»및 GT-
& LT-입력 유형 =»제출»/ & GT-
LT- 및 / 형태 및 GT-

    4

버튼 형태의 일부, 그리고 모든없는 경우그래픽 요소 (img 태그)하고 그 표준은 사용의 onclick 속성을 수 있습니다. 예를 들어 및 LT-IMG SRC =»btn.gif»의 onclick =»showAlert () -»/ 및 GT-

    5

버튼이 하이퍼 링크 인 경우,버튼 자체의 속성을 사용하면 태그 참조의 속성을 활용하는 것이 좋습니다 필요하지 않습니다. 이는 이전 실시 예에서와 같이, 태그의 onclick을 사용 가능하다. 예를 들어 및 LT-A HREF =»http://learn-myself.com»의 onclick =»showAlert () - FALSE 반납 -«및 GT-및 LT-IMG SRC =»btn.gif»/ 및 GT-LT- 및 / A된다-A href 속성의 주소 함수 호출로 교체 될 수있다. 예를 들어, 같은 이유로 및 LT-A HREF =»스크립트 : showAlert () -«및 GT-및 LT-IMG SRC =»btn.gif»/ 및 GT-LT- 및 / A & GT-

버튼 코드를 삽입하는 방법 그것은 마지막으로 수정되었습니다 : 6 월 20 일, 2017fyyxoahr
그것은 주요 내부 용기의 바닥 글 텍스트입니다