IE11浏览器js加载数据不显示问题的解决
程序员文章站
2024-02-03 22:27:22
...
这是谷歌浏览器的显示效果：
各栏均正常显示数据，以下是IE11的显示效果：
可以发现，IE11浏览器下数据栏很多栏均为空，同样的代码，在谷歌、火狐、360等浏览器均正常显示，唯独IE11不正常，下面是我加载数据的代码：
js部分：
var householdType="${record.householdType}";
if(householdType=="1"){
$("#householdType").html("户籍");
}else if(householdType=="2"){
$("#householdType").html("非户籍");
}else {
$("#householdType").html("");
}
页面部分：
<td class="td_title" colspan="2">常住类型:</td>
<td id="householdType"></td>
后来经人指点，我把引用的jquery.js降低以后，就可以正常显示了，我原来用的是jquery-1.10.1.min.js，换成jquery-1.8.0.min.js版本就可以了。
此外，jsp页面动态赋值除了用上面的js加载，也可以用el表达式，后者更佳，步骤如下：
1、在classPath中，加入jar包： standard-1.1.2.jar ， jstl-1.1.2.jar
2、在相目\WEB-INF\tld\文件夹中放入常用的tld文件：c.tld，fmt.tld
3、在jsp文件的顶部加入以下内容：
Java代码 收藏代码
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
4、页面<body>部分：
<c:choose>
<c:when test="${score>=90}">
优秀！
</c:when>
<c:when test="${score>=70&&score<90}">
良好!
</c:when>
<c:when test="${score>60&&score<70}">
及格
</c:when>
<c:otherwise>
不及格！
</c:otherwise>
</c:choose> 最后：js为文本框赋值，用val()方法，文本框type本身为text,没有text()方法。
启示：jquery.js版本并不是越高越好，相反，版本越高，兼容性反而没那么好了，1.8.0版本更能适应各大浏览器。
推荐阅读
-
IE11浏览器js加载数据不显示问题的解决
-
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
-
解决用jquery load加载页面到div时,不执行页面js的问题
-
解决bootstrap-select 动态加载数据不显示的问题
-
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
-
js中图片加载失败，显示默认图片的问题如何解决？
-
如何让recyleView,加载的后台数据,在前台图片滚动不卡顿.踩坑,作业.解决,滚动加载慢的问题
-
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
-
解决 element-ui el-table表格组件先显示暂无数据 之后再加载数据的问题
-
解决用jquery load加载页面到div时,不执行页面js的问题