button_javascript 기술에 이중 작업을 추가하는 JavaScript 방법

이 기사의 예에서는 JavaScript를 사용하여 버튼에 이중 작업을 추가하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

여기서 JavaScript는 웹페이지의 버튼에 두 가지 작업을 동시에 추가하는 데 사용됩니다. 하나는 텍스트 상자에 텍스트를 표시하는 것이고, 다른 하나는 과거에는 특정 URL로 리디렉션하는 것입니다. 버튼 점프는 싱글이었는데, 이번에는 전송 중에 텍스트 상자에 텍스트를 할당하는 동작이 추가되었습니다. 원리를 이해하면 유연하게 사용할 수 있습니다.

런닝 효과 스크린샷은 다음과 같습니다.

온라인 데모 주소는 다음과 같습니다.

http://demo.jb51.net/js/2015/js-button-two-action-codes/

구체적인 코드는 다음과 같습니다.

<title>JavaScript给按钮加上双重动作</title>
<script language=JavaScript>
function jdk1x() {
  var num1 = document.x.jdk.value;
  if(num1 == 'three') {
  document.x.jdk.value = document.x.jdk.value
    }
  else {
  document.x.jdk.value = "脚本之家欢迎您！"
    }
location="http://www.jb51.net/"
 }
 </script>
<form name=x>
<input type=button value="脚本之家" onClick="jdk1x()"><br>
<input type=text name=jdk width="300" onChange="document.x.jdk.value=''; return true">
</form>

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.