网页页面NULL值对浏览器兼容性的影响
2021-06-20 21:05
网页页面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图片轮播
文章标题：网页页面NULL值对浏览器兼容性的影响
文章链接：http://soscw.com/index.php/essay/96596.html