解决ie8前端兼容问题

码农本农。

已于 2022-05-25 17:33:42 修改

阅读量971

点赞数

分类专栏：前端 layui 后端文章标签： ajax jquery html

于 2020-09-22 14:12:39 首次发布

本文链接：https://blog.csdn.net/qq_36441163/article/details/108731088

版权

前端同时被 3 个专栏收录

44 篇文章 0 订阅

订阅专栏

layui

21 篇文章 0 订阅

订阅专栏

后端

12 篇文章 0 订阅

订阅专栏

indexof()用$.inArray("a", arr)代替

jq不能用prop获取元素属性，要用attr

layui上传组件upload before函数内不能用this.item获取当前元素，要用this.elem

Getmapping加上时间

ctx + '/' + url + "?time="+new Date().getTime()

<head></head>里面添加

    <meta http-equiv=Content-Type content="text/html;charset=utf-8">
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

解决layui表格数据重载不刷新（过滤器配置禁用页面缓存）

import org.springframework.stereotype.Component;
import org.springframework.web.filter.OncePerRequestFilter;

import javax.servlet.FilterChain;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
 * @description:
 * @author: yang_kai
 * @date: 2020/9/24
 */
@Component
public class AddResponseHeaderFilter extends OncePerRequestFilter {
    @Override
    protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException {
        response.addHeader("Cache-Control", "no-cache");
        response.addHeader("Pragma", "no-cache");
        filterChain.doFilter(request, response);
    }
}

背景图片不能铺满全屏：

img_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

<img src="templetdata/static/images/banner.jpg" class="img_bg">

下拉框不显示（select标签里必须至少有一个option标签；innerText ）：

                    <select name="secgId" id="secgId" required lay-verify="required">
                         <optgroup label="请选择">
                             <option value="">请选择</option>
                         </optgroup>
                    </select>

            $('#secgId').html('');
            var option1 = new Option('请选择', '', true);
            option1.innerText = '请选择';//必须
            $('#secgId').append(option1);
            for (var i = 0; i < data.length; i++) {
                var option2 = new Option(data[i].gradeName, data[i].secgId);
                option2.innerText = data[i].gradeName;
                $('#secgId').append(option2);
            }

ie8不支持Ajax跨域

删除crossDomain: true;

-----------------------------------------------------------------------------------

layui文件上传后台接口返回值类型用String和

return JSON.toJSONString(Map);

-----------------------------------------------------------------------------------

关于layui下拉框非空验证在ie8显示效果异常的修复

        return layui.each(d, function (l, r) {
            var o = t(this), c = o.attr("lay-verify").split("|"), u = o.attr("lay-verType"), d = o.val();
            /*修复*/
            if (o.is('select')) {
                if (o.val() == '') {
                    o.next().children().eq(0).children().eq(0).css('border-color','red');
                } else if (o.val() != '') {
                    o.next().children().eq(0).children().eq(0).css('border-color','');
                }else {

                }
            }
            /*修复*/
            if (o.removeClass(s), layui.each(c, function (t, l) {

ie8 new Date().getTime() 兼容问题

项目中使用 new Date().getTime()方法将 日期格式（年-月-日）转换为时间戳，但是IE无法转换基于'-'格式的日期字符串(默认是基于'/'格式的)。

var time = '2020-01-02 00:00:00'.replace(/-/g, '/');
var endTime = new Date(time).getTime();

监听input文本框的值

    $('#xxx').bind('input propertychange', function () {
        //获取input输入的值
        $('#x1').val($(this).val() * $('#x2').val());
    });

码农本农。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
解决ie8前端兼容问题

img_bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}<img src="templetdata/static/images/banner.jpg" class="img_bg">
复制链接

扫一扫