工作总结，关于浏览器不兼容的问题。

最新推荐文章于 2019-06-05 19:11:51 发布

adolf2422

最新推荐文章于 2019-06-05 19:11:51 发布

阅读量461

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/adolf2422/article/details/40429715

本文介绍了一段JS代码，用于处理网页中的验证码逻辑。包括验证码输入框和获取验证码按钮的实现方式，以及通过AJAX调用服务器获取验证码的过程。讨论了不同浏览器下节点长度不一致的问题，并给出了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jsp中代码

<pre name="code" class="html"><p class="find_info2 mb20 clearfix">
   <span class="findinfo_tel pr10 f14"><span class="color_red pr5">*</span>验证码：</span>
   <!-- 验证码的输入框 -->
   <input type="text" class="findinfo_code pl10" maxlength="6" name="captcha" id="captcha" />
   
   <!-- 获取验证码按钮 -->
   <input class="findinfo_bu ml10" style="cursor:pointer;" id="codebut" type="button" value="获取验证码" onclick="getCode();"
   style="font-weight: normal; font-size: 13px;
   background-image:url('<c:url value="/images/user_register/validate.png"/>'); "/>
         
   <span class="pl20 color_red remark"></span>
</p>

js代码

   success:function(data){    
             if(data==1) {
               alert("q");
               var x = JO("captcha").parentNode.innerHTML;
               var y = JO("captcha").parentNode.children.length;
               alert("x"+x);
               alert("y"+y);
               JO("captcha").parentNode.children[3].innerHTML="";
                        alert("h");
                         }

解决方案：节点长度在不同浏览器不同，用jquery来找。。。

   $("#captcha").next("span").val("");
问题产生：js控制页面显示时发现360浏览器无反应的问题