网页页面NULL值对浏览器兼容性的影响

2021-06-20 21:05

阅读:472

                                                   网页页面NULL值对浏览器兼容性的影响


      近期做项目中一个页面中的input radio出现浏览器兼容性问题。

        主要问题:

           在谷歌浏览器,360急速模式和搜狗急速模式中给radio初始动态赋值时。checked属性失效,无法选中。注:360急速模式和搜狗急速模式使用了谷歌chorme的内核(又称webkit内核)。

           在火狐浏览器中给radio初始动态赋值时,checked属性正常选中。

        本来同事以为是浏览器兼容问题,始终未能解决这个问题。后来这个Bug交由我来改动。

        初始接到任务时,也怀疑是浏览器兼容问题,但后来细致一想。谷歌这么牛皮的技术实力,出问题的几率应该比較小,遂从代码本身查找问题。后来发现原来是有一个EL表达式的值附了NULL值,影响了radio的选中,才出现了浏览器不兼容的Bug。

        总结经验教训。对NULL值的推断。十分必要,特别是页面中JQuery不会对隐性错误进行提示。

        先给出问题的代码块。主要功能是依据后台传參选择radio是否选中。

                      


--%>
        EL表达式${gj.notmodelbad}的值可能为空,需进行处理。

      

      我的解决方式:加入JQuery。依据后台传參动态赋值。




--%>

      

    JQuery动态赋值:

      $(document).ready(function(){  

		var notmodelbad = ${gj.notmodelbad};
		if(notmodelbad=='1'){
			$("#nobadRad1").attr("checked",true);
			$("#nobadRad2").attr("checked",false);
		}
		else if(notmodelbad=='2'){
			$("#nobadRad1").attr("checked",false);
			$("#nobadRad2").attr("checked",true);
		}

	});  

     

    后台的.do型方法

// 市场并联交互
    @RequestMapping("maMutualGd.do")
    public String MaMutualGd(HttpServletRequest request,
	    HttpServletResponse response) throws Exception {
	String type = request.getParameter("type");
	int marketjiaohuid = Integer.valueOf(request.getParameter("id"));
	String vCode = String.valueOf((request.getParameter("vcode")));
	String date_from1 = String.valueOf((request.getParameter("datfrom")));
	String date_to1 = String.valueOf((request.getParameter("datto")));
	getCurrentInfo(type, vCode, date_from1, date_to1);
	List odspappTGongdanDtoList = qualityPerformanceService
		.getOdspappTGongdanDtoList();
	List gdlist = new ArrayList();
	List gdcloselist = new ArrayList();
	for (OdspappTGongdan g : odspappTGongdanDtoList) {
	    if (g.getJiaohustatus().equals("4")) {
		gdcloselist.add(g);
	    } else {
		gdlist.add(g);
	    }
	}
	OdspappTGongdan gd = new OdspappTGongdan();
	if (type.substring(1, 2).equals("0")) {
	    gd = gdlist.get(marketjiaohuid);
	    request.setAttribute("gd", gd);
	} else {
	    gd = gdcloselist.get(marketjiaohuid);
	    request.setAttribute("gd", gd);
	}
	GongdanBadJiaohu gj = qualityPerformanceService.getGdJiaohuInfo(
		gd.getGdCode(), gd.getZyAccount());
	if (gj.getChangestatus() == null || gj.getChangestatus() == "") {
	    gj.setChangestatus("0");
	}
	if (gj.getNotmodelbad() == null || gj.getNotmodelbad() == "") {
	    gj.setNotmodelbad("0");
	}
	System.out.println("Changestatus:" + gj.getChangestatus());
	System.out.println("Notmodelbad:" + gj.getNotmodelbad());

	request.setAttribute("gj", gj);
	// request.getRequestDispatcher("UserEvaluation.jsp").forward(request,
	// response);
	return "pages/usersEvaluation/UserMutual";
    }

      处理后的效果:

      技术分享


      补充。此问题另一种简单的处理方式,就是用图片取代radio。选中或不选中,换两张图即可。
      问题代码尽管不是本人所写。但也提醒了我对Java空值处理的重要性。以后写代码时一定要增加NULL的推断,有时我们遇到的大多数空指针异常,基本都是未初始化导致的NULL值异常。




上一篇:Struts的JSON机制

下一篇:JS图片轮播


评论


亲,登录后才可以留言!