<strong>오류 예시를 먼저 살펴보겠습니다</strong> <br>HTML 코드<br><div class="codetitle"> <span><a style="CURSOR: pointer" data="65151" class="copybut" id="copybut65151" onclick="doCopy('code65151')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다. :</div> <div class="codebody" id="code65151"> <br><body> <br><input id="certid" type="text" value="123456" > <br><input id="btn" type= "button" value ="button" onclick=""> <br><br> </div>자바스크립트 코드<br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="56865" class="copybut" id="copybut56865" onclick="doCopy('code56865')">코드 복사 <u></u></a> 코드는 다음과 같습니다. </span></div> <div class="codebody" id="code56865"><script> <br>function show(value) <br>{ <br>alert(value); >} <br><br>btn.onclick = show(certid.value); <br><script> <br><br> <br>show( certid.value)가 직접 show 메소드를 실행했지만 이 메소드 객체를 btn.onclick 이벤트에 올바르게 할당하지 않았습니다. </div> <br>이것으로 변경하면<br> <strong></strong><br><div class="codetitle"> <span>코드 복사<a style="CURSOR: pointer" data="34839" class="copybut" id="copybut34839" onclick="doCopy('code34839')"><u></u> 코드는 다음과 같습니다. </a></span> </div>btn.onclick = show <div class="codebody" id="code34839"> <br> <br> </div>따라서 올바른 코드는 다음과 같이 작성해야 합니다. <br>Html 코드<br><br><br><div class="codetitle"> <span>코드 복사<a style="CURSOR: pointer" data="65151" class="copybut" id="copybut65151" onclick="doCopy('code65151')"> <u></u> 코드는 다음과 같습니다. </a></span> </div><body><div class="codebody" id="code65151"><input id="certid" type="text" value="123456" > ><input id="btn" type="button" value= "button" onclick=""> <br></body> <br><br> <br>자바스크립트 코드<br> </div> <br><br><div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="55797" class="copybut" id="copybut55797" onclick="doCopy('code55797')"><u> 코드는 다음과 같습니다. </u></a> </span><script> </div>function show(value1,value2) <div class="codebody" id="code55797">{ <br>alert(value1 "," value2); <br><br>var i = 10; <br>btn.onclick = function(){ <br>show(certid.value, i); <br>}; <br><script> <br><br> <br>이를 통해 onclick 이벤트 핸들에 값을 동적으로 할당하고 매개변수 전달을 지원합니다.</div>