《Web交互开发》实验教学指导/实验二: JavaScript编程应用 4 IMsg=el nextSibling; if(el. value length IMsg innerHTML=' Username must be '+ minLength +'characters or more elMsg. innerHTML=" var elUsername = document. getElementByldcusername') elUsername. add EventListener('blur function(e)i 1, false); </html> (2)完成下述任务。 任务一:上述代码实现的功能是什么?(2分) 任务二:代码el= e target e srcElement是什么意思?(3分) 任务三:代码eMsg= el next Sibling是什么意思?(2分) 任务四: JavaScript事件流的有几种?分别是什么?(3分) 要求 请将上述实验任务的实验结果,填写到实验报告册中。 4、图片验证码的实现 (1)代码2-4-1,如下所示 script language="javascript"> var strsource=明,天日’:科,技,会’更,好,创,新 for( var F0; i<4: i++)i var n=Math. floor(Math. random*strsource length ); 本讲共计6页|当前第4页《Web 交互开发》实验教学指导 / 实验二 ：JavaScript 编程应用 本讲共计 6 页 | 当前第 4 页 if (!e) { e = window.event; } el = e.target || e.srcElement; elMsg = el.nextSibling; if (el.value.length < minLength) { elMsg.innerHTML = 'Username must be ' + minLength + ' characters or more'; } else { elMsg.innerHTML = ''; } } var elUsername = document.getElementById('username'); if (elUsername.addEventListener) { elUsername.addEventListener('blur', function(e) { checkLength(e, 5); }, false); } else { elUsername.attachEvent('onblur', function(e) { checkLength(e, 5); }); } </script> </body> </html> （2）完成下述任务。 任务一：上述代码实现的功能是什么？（2 分） 任务二：代码 el = e.target || e.srcElement 是什么意思？（3 分） 任务三：代码 elMsg = el.nextSibling 是什么意思？（2 分） 任务四：JavaScript 事件流的有几种？分别是什么？（3 分） 要求： 请将上述实验任务的实验结果，填写到实验报告册中。 4、图片验证码的实现 （1）代码 2-4-1，如下所示： <script language="javascript"> var img=""; var strsource=['明','天','日','科','技','会','更','好','创','新']; for(var i=0;i<4;i++){ var n=Math.floor(Math.random()*strsource.length);