1. 일반 정의
<입력 유형 = "버튼"이름 = "버튼"value = "ok"onclick = "sfont = prompt ( '텍스트 상자에'빨간색을 입력하십시오 ','빨간색 ','프롬프트 상자 '; if (sfont =='red ') {form1.style.fontfamily ='bold '; form1.style.color ='red ''/>이것은 필요한 개체에서 JS 이벤트를 직접 정의하는 가장 일반적인 방법입니다. 관련 변형은 다음과 같이 방법을 호출하는 형태입니다.
<cript> function show () {alert ( "show"); } </script> <입력 유형 = "버튼"이름 = "show"onclick = "show ()"/>두 번째 유형
<script type = "text/javaScript"for = "window"event = "onload"> alert ( "welcome!"); </script> <script type = "text/javaScript"for = "window"event = "onunload"> alert ( "thatk!"); </script>
여기에는 Windows를로드 및 언로드 할 때 발생하는 작업이 정의됩니다.
다른 객체의 이벤트 인 경우, for 속성의 값을 객체 이름으로 수정하면 이벤트가 모니터링 된 이벤트로 수정됩니다. 다음과 같이 :
<script type = "text/javaScript"for = "test"event = "onclick"> alert ( "button!"); </script>
세 번째 유형 :
<입력 유형 = "버튼"이름 = "test"value = "test"/> <script> 함수 te () {alert ( "test");} test.onclick = te; </script>여기서는 등록 형태를 사용하여 지정된 객체의 지정된 이벤트에 메소드를 등록합니다. 객체 이름을 사용하여 호출하십시오.
전체 테스트 코드는 다음과 같습니다.
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w.w.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><Html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/<title> 제목이 붙은 문서 </title> <body> <script type = "text/javascript" "for" event = "onload"> alert ( "welcome!"); </script> <script> <script> <script> <text/javaScript "for ="window "event ="onuNload "> alert ("raink! "); </script> <form1" "method ="method = "action =" "> js formn ame ="form2 ""post ""action = ""form2 " 이름 = "button"value = "Ok"onclick = "sfont = prompt ( '빨간색을 입력하십시오', '빨간색', '프롬프트 상자'); if (sfont == 'red') {form1.style.fontfamily = 'bold'; form1.style.color = 'red';}"/> <input type = "value ="test ""test ""test ""test ""test ""test " te () {alert ( "test");} test.onclick = te; </script> </form> </body> </html>JS 생성 이벤트의 위의 세 가지 방법 (예 코드)은 내가 공유하는 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.